# 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-->