Foto: Reprodução.

Nesse tópico veremos algumas tags novas, como adicionar as primeiras formatações simples de texto dentro de um documento HTML e alguns meta dados adicionais. 

Tags simples e rápidas de formatação de texto: 

Existem algumas tags que podem ser usadas para formatar textos, algumas delas são:
  1. "<strong></strong>" Faz com que o texto entre elas fique em negrito.
  2. "<i></i>" Faz com que o texto entre elas fique em itálico.
  3. "<s></s>" Faz com que o texto entre elas fique cortado no meio por uma linha.
  4. "<em></em>" Muito semelhante a tag <i>, essa tag enfatiza o texto entre elas o deixando em itálico. As duas tags possuem o mesmo resultado visual mas resultados semânticos diferentes. Leia mais em a tag <em>.
  5. "<h1></h1> ... <h6></h6>": A tag <h> pode ser enumerada de 1 a 6 seguindo uma hierarquia de títulos. A tag <h1> resultará em um titulo grande e em negrito, já a tag <h2> apresentará um titulo um pouco menor também em negrito e assim por diante até a tag <h6>. Veja melhor na imagem abaixo:
    Hierarquia da tag de título <h>.

  6. "<p></p>" A tag <p> como visto em um exemplo do tópico anterior delimita um paragrafo dentro de seu documento, lhe fornecendo quebra de linha ao fim do paragrafo, no fechamento da tag.
  7. "<br>" Semelhante a tag <p>, a tag <br>, que é uma tag sem fechamento, coloca uma quebra de linha no seu texto, mas diferente da tag <p> ela pode ser incrementada em qualquer lugar do texto para forçar a quebra de linha naquele trecho.
Essas só algumas opções de tags para formatação rápida de texto disponíveis no HTML. Sugiro que as misture, ou até mesmo as intercalem entre si dentro do seu documento de testes e veja os resultados, lembre se que a prática dos itens mostrados aqui é sempre de fundamental importância. 

Meta dados adicionais:

Você já sabe o que são os meta dados presentes na tag <meta> porém lhe apresentei apenas um conteúdo que pode ser adicionado a essa tag, o "charset". Agora irei disponibilizar como adicionar os dados citados no tópico anterior, autor, descrição, tags de pesquisa, etc.

Esses meta dados que contem informações para o buscador de sites seguem um padrão de sintaxe, sempre com o atributo "name" seguido de "content". Por exemplo, para definirmos um autor ou autores do site nos meta dados usamos a tag <meta> da seguinte forma:

<meta name="author" content="Nome(s) do(s) autor(es)">

Esse é o padrão que todos os tipo de meta dados seguem em HTML, veja a imagem a seguir com diversos exemplos do uso do <meta>. Lembre se que a tag <meta> vem dentro da tag <head>.
Editor usado: Notepad++.

Comentários em HTML:

Os comentários podem ser uma forma pratica de organizar seu código, separando os itens do seu código com pequenas descrições do que eles fazem dentro do mesmo. Um documento bem organizado com certeza irá possuir diversos comentários que irão facilitar futuras manutenções.

Os comentários em HTML podem ser usados da seguinte maneira:

<!-- CONTEÚDO DO COMENTÁRIO -->

Tudo que estiver entre "<!--" e "-->" não afetará em nada durante a execução do documento, servindo apenas para organização.
Os comentários em HTML são feitos de forma diferente de outras linguagens, como CSS e JavaScript. Cada uma dessas linguagens possui uma sintaxe própria para adicionar comentários ao seu código.