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!
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.
< 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 >.
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:
< li >< a href="https://example.com">Website < /a >< /li >
< li >< a href="mailto:[email protected]">Email< /a >< /li >
< li >< a href="tel:+123456789">Phone < /a >< /li >
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:
O código dela fica assim:
< ol >
< li >Study< /li >
< li >Work< /li >
< li >Sleep< /li >
< /ol >
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 >
< 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.
