---
# System prepended metadata

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

---

# Código Bootstrap

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


## :memo: Exemplo slide 16

> **Tutorial**[color=#3a3f96][name=nataliavilalva][time=Thu, Feb 13, 2020 10:16 PM]


---



```htmlembedded=1
<!Doctype html>
```
>Especifica as regras para a linguagem de marcação, para os navegadores processarem o conteúdo corretamente.

```htmlembedded=2
<html lang="pt">
```
>Define a linguagem da página.

```htmlembedded=3
<head>
```
>Cabeçalho da página.

```htmlembedded=4
<title>Bootstrap 4 Example</title>
```
>Título da página.

```htmlembedded=5
<meta charset="utf-8"> 
```
>Define a configuração do teclado.

```htmlembedded=6
<meta name="viewport" content="width-device-width, initial-scale=1">
```
>Deixa a 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">
```
>Link com o Bootstrap para rodar o framework.

```htmlembedded=8
<script type="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
```
>Conexão com o Jquery.

```htmlembedded=9
<script type="cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script> 
```
>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> 
```
>Corpo do documento.

```htmlembedded=13
<div class="container-fluid">
```
>Dividindo em blocos.

```htmlembedded=14
<h1> Minha primeira página Bootstrap. </h1> 
```
>Título de seção.

```htmlembedded=15
<p>Página criada na aula de Frameworks e Front-End IFMT.</p>
```
>Parágrafo.

```htmlembedded=16
</div> 
```
>Fechamento do bloco.

```htmlembedded=17
</body>
```
>Fechamento do corpo.

```htmlembedded=18
</html>
```
>Fechamento do documento HTML.


---


>**DESCRIÇÃO DO CÓDIGO**[color=#3a3f96]


```
<!Doctype html> <!--Especifica as regras para a linguagem de marcação, para os navegadores processarem o conteúdo corretamente-->
<html lang="pt"> <!--Define a linguagem da página-->
<head> <!--Cabeçalho da página-->
	<title>Bootstrap 4 Example</title> <!--Título da página-->
	<meta charset="utf-8"> <!--Define a configuração do teclado-->
	<meta name="viewport" content="width-device-width, initial-scale=1"> <!--Deixa a página responsível para diferentes dispositivos-->
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"> <!--Link com o Bootstrap para rodar o framework-->
	<script type="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <!--Conexão com o Jquery-->
	<script type="cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script> <!--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> <!--Corpo do documento-->

<div class="container-fluid">
    <h1> Minha primeira página Bootstrap. </h1> <!--Títulos de seção-->
    <p>Página criada na aula de Frameworks e Front-End IFMT.</p> <!--Parágrafo-->
</div> <!--Dividindo em blocos-->

</body> <!--Fechamento do corpo-->
</html> <!--Fechamento do documento HMTL-->
```
---

<!Doctype html> <!--Especifica as regras para a linguagem de marcação, para os navegadores processarem o conteúdo corretamente-->
<html lang="pt"> <!--Define a linguagem da página-->
<head> <!--Cabeçalho da página/-->
	<title>Bootstrap 4 Example</title> <!--Título da página-->
	<meta charset="utf-8"> <!--Define a configuração do teclado-->
	<meta name="viewport" content="width-device-width, initial-scale=1"> <!--Deixa a página responsível para diferentes dispositivos-->
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"> <!--Link com o Bootstrap para rodar o framework-->
	<script type="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <!--Conexão com o Jquery-->
	<script type="cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script> <!--Conexão com o popper-->
<script scr="http://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script> <!--Faz onexão com min online do Bootstrap-->
</head> <!--Fechamento do cabeçalho-->
<body> <!--Corpo do documento-->

<div class="container-fluid">
    <h1> Minha primeira página Bootstrap </h1> <!--Títulos de seção-->
    <p>Página criada na aula de Frameworks e Front-End IFMT.</p> <!--Parágrafo-->
</div> <!--Dividindo em blocos-->

</body> <!--Fechamento do corpo-->
</html> <!--Fechamento do documento HMTL-->