HTML (linguagem de marcação de hipertexto) | Envato Tuts+

HTML é a linguagem de codificação estrutural que usamos para construir páginas da web. Algumas pessoas se referem ao HTML como sendo os “blocos de construção da web”.

Então o que Linguagem de marcação de hipertexto realmente significa? Suas origens remontam a mais tempo do que você imagina – o conceito de hipertexto foi concebido já em 1941.

Como o próprio nome nos diz, HTML é uma linguagem de marcação. Sua finalidade é formatar informações; para definir o significado e a estrutura de um documento. HTML não possui nenhuma lógica de programação.

A palavra hipertexto em HTML refere-se aos links entre documentos. Esta ligação de informações é um princípio fundamental por trás da World Wide Web, conforme proposto por Tim Berners Lee em 1989. O prefixo “hiper” vem de Grego, e significa “acima” ou “além”. Portanto, o hipertexto é efetivamente mais do que apenas texto.

HTML usa tags para descrever vários elementos em uma página. Geralmente estes consistem em uma abertura <> e uma tag de fechamento (embora às vezes seja necessária apenas uma única tag). O nome do elemento é colocado dentro dessas tags (assim: ) convencionalmente em letras minúsculas. Por exemplo:

1

These are opening and closing heading tags.

2

3
These are paragraph tags. The content is kept between them.

4

5

The tag underneath is for an `hr` element. It doesn’t require a closing tag.

6

7

Tags HTML são usadas para descrever todos os tipos de elementos: desde títulos e links até artigos e formulários. Os navegadores usam esses elementos para entender como renderizar o conteúdo, os mecanismos de pesquisa os usam para interpretar e indexar páginas da web e as tecnologias assistivas, como leitores de tela, os usam para comunicar o conteúdo de maneira adequada.

Referência de elemento HTML

Navegue por uma lista de todos os elementos HTML, categorizados por função.


Esta lista é atualizada e adicionada regularmente. Mais por vir..

Raiz Principal

Há apenas uma tag aqui; o elemento raiz de um documento HTML. Todos os outros elementos do documento devem ser descendentes deste elemento.

regra horizontalregra horizontalregra horizontal

Metadados do documento

Usamos esses elementos HTML para conter informações sobre a página. Essas informações podem estar relacionadas a estilos, comportamento ou dados e geralmente ajudam navegadores, mecanismos de pesquisa a renderizar e processar a página corretamente.

regra horizontalregra horizontalregra horizontal

Seccionando Raiz

Também há apenas um elemento nesta categoria: a tag body representa todo o conteúdo de uma página e, portanto, atua como pai de todos os outros elementos de seção.

regra horizontalregra horizontalregra horizontal

Seção de conteúdo

Os elementos de seccionamento nos permitem organizar nossos documentos HTML de uma forma lógica e compreensível. As seções são partes descritivas de todo o documento e nos ajudam a construir um esboço estruturado e semântico do documento.

regra horizontalregra horizontalregra horizontal

Conteúdo de texto

O texto é sem dúvida a parte mais importante de uma página da web. É vital para comunicação, acessibilidade e SEO. HTML possui uma grande variedade de elementos de texto para especificar a finalidade e a estrutura do seu conteúdo textual.


regra horizontalregra horizontalregra horizontal

Texto embutido

Os elementos de conteúdo de texto (conforme listado acima) conter conteúdo textual, mas existem alguns elementos HTML que definem o significado semântico do texto embutido (palavras, linhas e outros trechos de texto).

regra horizontalregra horizontalregra horizontal

Imagem e Multimídia

Esses elementos HTML representam imagens, áudio e vídeo.

regra horizontalregra horizontalregra horizontal

Conteúdo incorporado

O HTML pode incorporar conteúdo adicional em uma página da web, embora às vezes de maneira desajeitada.


Tutoriais HTML

Aqui estão alguns tutoriais para ajudá-lo a aprender HTML. Inscreva-se no canal Tuts+ no YouTube para mais!

Deixe uma resposta