---
# System prepended metadata

title: Código Bootstrap
tags: ['html, bootstrap, web']

---

# Código Bootstrap

###### tags: `html, bootstrap, web`


## :memo: Exempro slide 16

> Texto de introdução


```htmlembedded=1
<!Doctype html>
```
> Descrição do código
```htmlembedded=2
<html lang="pt">
```
>
//define a linguagem da página//
```htmlembedded=3
<title>Bootstrap 4 Example</title>
```
>
//título da página//
```htmlembedded=4
<title>Bootstrap 4 Example</title>
```
>
//título da página//
```htmlembedded=5
<meta charset="utf-8">>
```
> 
//Define configuração do teclado/
```htmlembedded=6
<meta name="viewport" content="width-device-width, initial-scale=1">>
```
>
// é o que deixa página responsível para diferentes dispositivos//
```htmlembedded=7
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">>
```
>
// Faz o link com o bootstrap para o framework rodar//
```htmlembedded=8
<script type="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>>
```
>
>//Faz conexão com o Jquery//
```htmlembedded=9
<script type="cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>>
```
>
//Faz conexão com o popper//
```htmlembedded=10
<script scr="http://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>>
```
>
// faz conexão com min online do bootstrap//
```htmlembedded=11
</head>>
```
>
//Fechamento do cabeçalho//
```htmlembedded=12
<body>>
```
>
// O corpo do documento//
```htmlembedded=13
<div class="container-fluid"/>>
```
> 
//dividindo em blocos//
```htmlembedded=14
<h1> My First Bootstrap Page </h1>>
```
>
//Títulos de seção//
```htmlembedded=15
<p>This is some text.</p>>
```
>
//parágrafos
```htmlembedded=16
</body>
```
>
Fechamento  do Body
```htmlembedded=17
</html>
```
>
//fechamento do documento html//











<!Doctype html>
<html lang="pt">//define a linguagem da página//
* Começo do cabeçalho
<head>// da página
	<title>Bootstrap 4 Example</title>//título da página//
	<meta charset="utf-8">//Define configuração do teclado/
	<meta name="viewport" content="width-device-width, initial-scale=1">// é o que deixa página responsível para diferentes dispositivos//
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">// Faz o link com o bootstrap para o framework rodar//
	<script type="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>//Faz conexão com o Jquery//
	<script type="cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>//Faz conexão com o popper//
	<script scr="http://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>// faz conexão com min online do bootstrap//

</head>//Fechamento do cabeçalho//
<body>// O corpo do documento//

	<div class="container-fluid"
<h1> My First Bootstrap Page </h1>//Títulos de seção//
<p>This is some text.</p>//parágrafos
	 </div>//dividindo em blocos//
</body>//fechamento do corpo//
</html>//fechamento do documento html//
```

