Rodrigo Alves Guerra

HTML

• person Rodrigo Alves Guerra

/ event março 7, 2023

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>).