Texto HTML

O texto é rei

Não importa quantos efeitos extravagantes e sites animações podem ter, a principal força motriz da internet foi e sempre será o conteúdo do texto. Portanto, uma das primeiras coisas que você deve aprender sobre o HTML é a maneira correta de estrutura e informações textuais presentes.

Parágrafos

O mais básico oferece ferramenta de HTML é o elemento n <p>...</p> . Inclui texto entre sua abertura e fechamento por padrão e adiciona uma linha extra em branco antes e depois dele. Aqui está um exemplo com dois parágrafos:

Parágrafo HTML

<p>Donec at enim. Nunc ac leo. Proin nec odio. In id odio sed neque varius rutrum. Sed tellus. Vestibulum enim lacus, cursus id, tempus nec, consequat ac, nibh. Nulla facilisi. Donec vestibulum ante. Nulla facilisi.</p>
<p>Nulla quam sem,
pulvinar id, adipiscing feugiat, aliquet vitae, velit. Curabitur pretium sem vel massa consequat vehicula.</p>

Saída

Quebras de linha

Talvez você tenha notado a quebra de linha após Nulla quam sem, no código do segundo parágrafo acima e se perguntou por que ele não parece o mesmo na saída da página web. HTML ignora as quebras de linha e dois ou mais espaços consecutivos. Se você quiser adicionar uma quebra de linha você tem que dizer explicitamente HTML usando a tag de quebra de linha <br /> .

<br /> é um auto-closing tag (uma tag única, sem tag de fechamento) e pode ser usado em qualquer lugar que você deseja adicionar quebras de linha. Use-o de baixa densidade, embora, como em breve você vai aprender sobre formas muito melhor de adicionar o espaço controlado entre blocos de texto.

HTML de quebra de linha

<p>Nulla quam sem,<br />pulvinar id, adipiscing feugiat, aliquet vitae, velit. Curabitur pretium sem vel massa consequat vehicula.</p>

Saída

Forte e enfatizou texto

Se você quiser dar mais peso a determinadas partes do texto que você pode usar a marca forte <strong> ou a enfatizar tag <em> . Semanticamente têm o mesmo significado de dar mais importância ao texto anexo. No entanto, os navegadores tradicionalmente forte processar texto em negrito e itálico enfatizou texto.

HTML forte e enfatizar

<p>this is <strong>strong</strong> text<br />
this is <em>emphasized</em> text</p>

Saída

Porque essas marcas são destinadas a dar mais importância ao texto fechado, eles só devem ser utilizados para esse fim e não apenas para dar uma aparência de texto em negrito ou itálico. Em breve você vai aprender no tutorial iniciante CSS de uma maneira muito melhor para se fazer exatamente isso. Lembre-se que o HTML destina-se a ser utilizado para a estrutura e semântica, enquanto o CSS é para mudar o estilo ea aparência de um documento.