As tags normalmente são especificadas em pares, delimitando um texto que sofrerá algum tipo de formatação.

As tags são identificadas por estarem entre os sinais < > e < / >.

Entre os sinais < > são especificados os comandos propriamente ditos.  No caso de tags que necessitam envolver um texto, sua finalização deve ser feita usando-se a barra de divisão /, indicando que a tag está finalizando a marcação de um texto.

Sintaxe

O formato genérico de uma tag é: 

<nomedatag> texto </nomedatag>

Mas algumas tags não possuem finalização. Como <img> <br> <hr>, etc

Vejamos agora algumas tags e o tipo de efeito que estes causam ao texto quando interpretados pelo browser. 

Entendendo uma Tag

Vamos entender o que é uma tag.

A tag <p> representa um parágrafo comum. Os elementos geralmente têm uma tag de abertura e uma tag de fechamento.
A tag de abertura contém o nome do elemento entre colchetes angulares (<p>).

A tag de fechamento é idêntica à tag de abertura com a adição de uma barra (/) entre o colchete de abertura e o nome do elemento (</p>).

O conteúdo pode ir entre essas duas tags: 

<p> Este é um parágrafo simples. </p>

 

Criando uma página simples

O exemplo de HTML a seguir cria uma página da Web simples "Olá Mundo".

Arquivos HTML podem ser criados usando qualquer editor de texto. Os arquivos devem ser salvos com uma extensão .html para serem reconhecidos como arquivos HTML. Uma vez criado, esse arquivo pode ser aberto em qualquer navegador da web.

 

<! DOCTYPE html>
<html lang = "en">
     <head>
  <meta charset = "UTF-8">
  <title> Olá! </title>
     </head>
     <body>
  <h1> Olá mundo! </h1>
  <p> Este é um parágrafo simples. </p>
      </body>
</html>




Compreensão simples da página que acabamos de criar.

Estas são as tags usadas no exemplo:  



<!DOCTYPE>

Define a versão HTML usada no documento. Nesse caso, é HTML5.


<html>

Abre a página. Nenhuma marcação deve ocorrer após a tag de fechamento (</html>). O atributo lang declara

o idioma principal da página usando os códigos de idioma ISO (em inglês).


<head>

Abre a seção principal, que não aparece na janela principal do navegador, mas contém principalmente informações sobre o documento HTML, chamado metadados. Também pode conter importações de folhas de estilo e scripts externos. A tag de fechamento é </head>.


<meta>

Fornece ao navegador alguns metadados sobre o documento. O atributo charset declara a codificação de caracteres. Os documentos HTML modernos devem sempre usar UTF-8, mesmo que isso não seja um requisito. Em HTML, a marca <meta> não requer uma marca de fechamento.


<title>

O título da página. O texto escrito entre esta abertura e a tag de fechamento (</title>) será exibido na guia da página ou na barra de título do navegador.


<body>

Abre a parte do documento exibida aos usuários, ou seja, todo o conteúdo visível ou audível de uma página. Nenhum conteúdo deve ser adicionado após a tag de fechamento </body>.


<h1>

Um cabeçalho de nível 1 para a página.

Veja os títulos para mais informações.


<p>

Representa um parágrafo comum do texto.