O Que é HTML?
O HTML (HyperText Markup Language) é a linguagem de marcação padrão utilizada para criar e estruturar páginas na internet. Desenvolvido por Tim Berners-Lee na década de 1990, o HTML foi fundamental para a criação da World Wide Web. É uma linguagem de marcação, ou seja, um conjunto de códigos usados para formatar o conteúdo de um documento.
Elementos e Tags HTML
Os elementos HTML são os blocos de construção das páginas da web. Cada elemento é delimitado por tags, que são palavras-chave inseridas entre colchetes angulares. As tags indicam ao navegador como exibir o conteúdo de um determinado elemento. Por exemplo, a tag indica ao navegador que o texto deve ser exibido em negrito. Existem várias tags disponíveis no HTML, cada uma com uma finalidade específica.
A Estrutura Básica de um Documento HTML
Todos os documentos HTML seguem uma estrutura básica, que consiste em uma declaração, uma seção head e uma seção body. A declaração é feita utilizando a tag , que informa ao navegador que o documento é escrito em HTML. A seção head contém meta-informações sobre o documento, como o título da página e os estilos CSS, enquanto a seção body contém o conteúdo visível da página.
Tags HTML para Cabeçalhos
Os cabeçalhos são elementos HTML utilizados para organizar o conteúdo de uma página em títulos. Existem seis níveis de cabeçalhos, que vão do h1 ao h6. O cabeçalho h1 é o mais importante e deve ser usado para o título principal da página, enquanto os cabeçalhos h2 a h6 são usados para títulos de seções e subseções. É recomendado utilizar os cabeçalhos de forma hierárquica, ou seja, utilizar o h2 para o título de uma seção e o h3 para títulos de subseções dentro dessa seção.
Tags HTML para Parágrafos
A tag
é utilizada para criar parágrafos em um documento HTML. O texto dentro de uma tag
é exibido em uma linha separada e é comumente utilizado para agrupar informações relacionadas. Por exemplo, é possível utilizar a tag
para criar parágrafos em um texto descritivo ou dividir um texto em várias seções de parágrafos.
Tags HTML para Listas
O HTML permite a criação de listas, tanto ordenadas quanto não ordenadas. As listas ordenadas são criadas utilizando a tag
- , enquanto as listas não ordenadas são criadas utilizando a tag
- . É possível incluir outros elementos HTML dentro de um item de lista, como imagens ou links.
Tags HTML para Links
Os links são elementos essenciais em qualquer página da web, permitindo a navegação entre diferentes páginas. Para criar um link em HTML, é utilizado a tag . O atributo href é utilizado para especificar o destino do link. Além disso, é possível adicionar um texto de ancoragem dentro da tag para indicar o texto que será clicável.
Tags HTML para Imagens
As imagens são elementos visuais que enriquecem o conteúdo de uma página da web. Para exibir uma imagem em HTML, é utilizado a tag
. O atributo src é utilizado para especificar o caminho da imagem, enquanto os atributos alt e title são utilizados para fornecer um texto alternativo e um texto de dica, respectivamente.
Tags HTML para Tabelas
As tabelas são utilizadas para exibir informações tabulares em uma página da web. Para criar uma tabela em HTML, é utilizado a tag
. As células da tabela são representadas pela tag
para células de dados regulares e a tag para cabeçalhos. É possível combinar células usando as tags e , permitindo a criação de tabelas mais complexas. Tags HTML para Formulários
Os formulários em HTML são utilizados para coletar informações dos usuários. Para criar um formulário, é utilizado a tag
- . Cada item da lista é representado pela tag