O HTML (HyperText Markup Language) é a linguagem de marcação padrão usada para criar páginas web. O HTML usa tags para definir diferentes elementos em uma página web e atributos para especificar características desses elementos. Aqui está uma explicação detalhada de algumas das tags HTML mais comuns e seus atributos:
<!DOCTYPE html>
: Esta tag define o tipo de documento HTML que está sendo usado. Ela deve aparecer no início de cada documento HTML.<html>
: Esta tag define o início e o fim do documento HTML. Todo o conteúdo da página web deve estar contido entre as tags <html>
e </html>
.<head>
: Esta tag contém informações sobre a página, como o título, a descrição e o autor. É importante incluir essas informações para ajudar os mecanismos de busca a entender o conteúdo da página.<title>
: Esta tag define o título da página web, que é exibido na barra de título do navegador.<body>
: Esta tag contém todo o conteúdo visível da página web, como texto, imagens e outros elementos.<h1>
a <h6>
: Essas tags definem cabeçalhos ou títulos de diferentes níveis de importância, do mais importante (<h1>
) ao menos importante (<h6>
).<p>
: Esta tag define um parágrafo de texto.<a>
: Esta tag define um link para outra página web ou para um arquivo no seu próprio site. O atributo href
é usado para especificar o endereço do link.<img>
: Esta tag define uma imagem na página web. O atributo src
é usado para especificar o endereço da imagem.<ul>
e <li>
: Essas tags são usadas para criar listas não ordenadas. A tag <ul>
define a lista e a tag <li>
define cada item da lista.<ol>
e <li>
: Essas tags são usadas para criar listas ordenadas. A tag <ol>
define a lista e a tag <li>
define cada item da lista.<table>
, <tr>
, <th>
e <td>
: Essas tags são usadas para criar tabelas. A tag <table>
define a tabela, a tag <tr>
define cada linha da tabela, a tag <th>
define os cabeçalhos de cada coluna e a tag <td>
define cada célula de dados na tabela.Essas são apenas algumas das tags HTML mais comuns e seus atributos. Existem muitas outras tags disponíveis para criar diferentes tipos de elementos em uma página web, como formulários, botões, vídeos e áudio. É importante lembrar que o HTML é apenas uma parte do processo de criação de uma página web. Para criar uma página web completa e funcional, é preciso usar outras tecnologias, como CSS e JavaScript.
Exemplo :
<!DOCTYPE html>
<html>
<head>
<title>Exemplo de Página HTML</title>
</head>
<body>
<h1>Título Principal</h1>
<p>Este é um parágrafo de texto.</p>
<ul>
<li>Item da lista não ordenada</li>
<li>Outro item da lista não ordenada</li>
</ul>
<ol>
<li>Item da lista ordenada</li>
<li>Outro item da lista ordenada</li>
</ol>
<table>
<tr>
<th>Cabeçalho da coluna 1</th>
<th>Cabeçalho da coluna 2</th>
</tr>
<tr>
<td>Célula de dados 1</td>
<td>Célula de dados 2</td>
</tr>
</table>
<a href="https://www.exemplo.com">Link para outro site</a>
<img src="imagem.png" alt="Descrição da imagem">
</body>
</html>
Este código HTML contém uma estrutura básica com uma tag <!DOCTYPE html>
definindo o tipo de documento HTML, uma tag <html>
contendo todo o conteúdo da página, uma tag <head>
com um título, e uma tag <body>
com o conteúdo visível da página, incluindo cabeçalhos (<h1>
), parágrafos (<p>
), listas não ordenadas (<ul>
) e ordenadas (<ol>
), uma tabela (<table>
), um link (<a>
) e uma imagem (<img>
).