Bem vindo a sua primeira lição! Aqui iremos abordar sobre as diferentes tags html que usamos quando tratamos de texto.

Esses são os elementos de cabeçalho que temos:

See the Pen tags de texto by paolaguedes (@paolaguedes) on CodePen.

Sua ordem vai do mais importante para o menos. Dessa forma, o h1 é utilizado quando queremos tratar de títulos, o h2 em subtítulos e assim por diante. Note também que por padrão essas tags já tem um tamanho pré-estabelecido, futuramente veremos também como personalizar isso.

Outra tag muito importante é a <p> que indica que um parágrafo está sendo adicionando ao corpo da nossa página.

A tag <a> indica um link. E para adicionarmos o caminho do link usamos o atributo href=" caminho " dentro da tag a. Por padrão, a página que linkamos abre na guia atual, mudamos esse padrão ao por o atributo target="_blank".

Existem também tags próprias do html que servem para dar uma estilizada nos textos criados. São elas:

• strong : deixa o texto em negrito;
• em : deixa o texto em itálico;
• b : deixa o texto em negrito (não usamos mais);
• i : deixa o texto em itálico (não usamos mais);

Vamos praticar?

1. Abra o Codepen (ou use o campo de código abaixo, sim ele é editável);
2. Se abriu o Codepen clique em Start Coding no menu lateral esquerdo;
3. Digite o código abaixo no HTML;
4. Crie seu próprio código usando sua criatividade! (exemplo: crie um currículo)

See the Pen Untitled by paolaguedes (@paolaguedes) on CodePen.