1. Formatação de texto
Bora continuar aprendendo HTML...
Parágrafos (p)
A tag <p> é usada pra criar parágrafos de texto. Os parágrafos ajudam a dividir o texto em blocos lógicos, melhorando a leitura e a compreensão das informações.
Exemplo:
<p>Este é o primeiro parágrafo de texto. Ele contém algumas informações.</p>
<p>Este é o segundo parágrafo de texto. Ele está separado do primeiro parágrafo.</p>
Texto em negrito (b)
A tag <b> é usada pra destacar o texto em negrito (bold). Isso ajuda a enfatizar algumas palavras ou frases importantes.
<p>Este é um texto <b>importante</b>.</p>
Texto em itálico (i)
A tag <i> é usada pra colocar o texto em itálico (letra inclinada, italic). Normalmente utilizada pra indicar termos, títulos de livros, palavras estrangeiras, etc.
Exemplo:
<p>Este é um <i>termo</i> destacado em itálico.</p>
2. Títulos (h1 - h6)
Títulos no HTML são usados pra estruturar o conteúdo e criar uma hierarquia de cabeçalhos na página. Existem seis níveis de títulos, onde <h1> é o mais importante e <h6> o menos importante.
-
<h1>— O título principal e maior. Usado normalmente como o título principal da página. -
<h2>— Usado para subtítulos secundários, que seguem<h1>. -
<h3>— Um nível de título abaixo do<h2>. -
<h4>— Um nível de título abaixo do<h3>. -
<h5>— Um nível de título abaixo do<h4>. -
<h6>— O título menos importante e menor.
Exemplo:
<h1>Título principal da página</h1>
<h2>Subtítulo nível 2</h2>
<h3>Subtítulo nível 3,</h3>
3. Tags adicionais no head do documento
Existem algumas tags que você pode encontrar futuramente em exemplos de HTML e vale a pena dizer algumas palavras sobre elas:
1. Tag <title>
A tag <title> define o
nome da página que aparece na aba do navegador. É a primeira coisa que o usuário vê ao abrir uma página. Quase sempre está presente em todas as páginas. Por padrão, é adicionada pelo editor de HTML, mas pra projetos de aprendizado não tem tanto valor.
2. Tag <meta charset="UTF-8">
A tag <meta> dentro de <head> define a codificação de caracteres do documento.
UTF-8 é a codificação mais comum, que suporta a maioria dos idiomas do mundo. Falaremos mais sobre codificações depois.
3. Tag
<meta name="viewport" content="width=device-width,
initial-scale=1.0">
Essa tag também fica dentro de <head>. Ela garante o
renderização correta da página em dispositivos móveis. Define a largura da área visível (viewport) igual à largura da tela do dispositivo e o zoom inicial da página.
4. Tag <link rel="stylesheet" href="styles.css">
A tag <link/> conecta um arquivo CSS externo para estilizar a página.
O atributo rel="stylesheet" indica que é uma folha de estilos, e href="styles.css" informa o caminho para o arquivo de estilos.
5. Tag <script src="script.js" defer></script>
A tag <script> conecta um
arquivo JavaScript externo para adicionar interatividade à página. O atributo src indica o caminho para o arquivo de script, e defer informa ao navegador que o script deve ser executado após o carregamento do documento HTML.
GO TO FULL VERSION