Quero me matricular
Artigos Alura Lingua

Descubra o que significam estas tags de HTML em inglês

Giovanna Oliveira
Giovanna Oliveira
tags de HTML

Hello! A linguagem HTML é a base para muitas profissões na área de tecnologia. E as tags, que são aqueles sinaizinhos que parecem flechinhas (< >), são uma parte importante da organização e hierarquização em HTML. Por isso hoje vamos descobrir o que significam algumas das tags mais usadas em HTML. Are you ready? Let's go!

1. < h1 >, < h2 >, < h3 >, etc

A letra h na tag < h1 > indica heading, palavra em inglês que quer dizer título.

Já os números em < h1 >, < h2 >, < h3 > etc. mostram a hierarquia: 1 é a hierarquia mais alta, 2 é um subtítulo de 1, 3 é um subtítulo de 2 e assim por diante.

A estrutura de títulos de um código é extremamente importante porque estabelece a arquitetura de conteúdo e é a base para a boa experiência do usuário em sites, por exemplo.

2. < href >

< href > quer dizer hyperlink reference, que em português é referência de hyperlink. Esta tag serve para criar um hyperlink, que pode ser para uma outra página da internet, para um e-mail, uma página de rede social ou qualquer coisa que tenha uma URL como endereço.

Esta tag geralmente é usada em conjunto com a tag da qual falaremos a seguir, < a >.

3. < a >

A letra a vem de anchor element, que quer dizer elemento âncora. Junto com o atributo < href >, ela cria um hiperlink para um endereço de URL. See some examples:

4. < ol >

Quando vamos criar uma lista usando HTML, há dois modos de fazer isso: usando números para criar uma ordem ou usando apenas bullet points (as famosas bolinhas ou hifens que vêm no início de listas). A tag < ol > quer dizer ordered list, lista ordenada, em português. É a tag que mostra ao código que os itens da lista devem ser ordenados por números, algarismos, letras ou qualquer tipo de ordenação. For example:

Veja a seguinte lista:

  1. Study
  2. Work
  3. Sleep

O código dela fica assim:

< ol >
< li >Study< /li >
< li >Work< /li >
< li >Sleep< /li >
< /ol >

5. < ul >

As listas ordenadas por números são feitas usando a tag < ol >, já as que têm apenas bullet points são escritas em HTML usando < ul >, que significa unordered list (lista não ordenada). Let's check some example:

Vamos usar a mesma lista do exemplo anterior:

O código dela fica assim:

< ul >
< li >Study< /li >
< li >Work< /li >
< li >Sleep< /li >
< /ul >

6. < li >

< li > quer dizer list item, que traduzimos como item de lista. Quando estamos construindo uma lista em HTML, além das tags indicando que haverá uma lista (< ol >, < ul >), antes de cada item usamos a tag < li > para mostrar que aquele é um dos itens da lista. Veja como essa tag aparece nos dois exemplos de lista que demos acima:

< ol >
< li >Study< /li >

< li >Work< /li >

< li >Sleep< /li >
< /ol >

< ul >
< li >Study< /li >
< li >Work< /li >
< li >Sleep< /li >
< /ul >

Nice, isn't it? Entender melhor o significado por trás dos itens de HTML é sempre um meio de se familiarizar mais com essa linguagem e, assim, trabalhar ainda melhor com ela. E se você trabalha nessa área ou pensa em trabalhar com ela, provavelmente já ouviu falar de front-end e back-end. Quer conhecer melhor o que são esses tipos de programação? Vem ler nosso artigo: Você sabe a diferença entre FRONT-END e BACK-END?.

Aproveite e faça nosso teste de nível de inglês. Ou baixe nossa apostila que te ensina como aprender inglês de maneira eficiente!

Quer realmente aprender outras línguas, como inglês e espanhol? Conheça os nossos cursos que reforçam o aprendizado de inglês e espanhol.

Inglês e espanhol online de maneira eficaz!

Escolha um dos planos e tenha acesso aos cursos completos da plataforma

Plano Anual 12x R$40 ou R$480 Quero este plano
Plano Semestral 6x R$50 ou R$300 Quero este plano