Tabela HTML por
Arthur Lobo

Tabela Ajuda HTML


Códigos HTML
Tag Fechamento Função
Basico
<html> </html> Define a raiz do documento html
<head> </head> Tag onde são postas as informações da página.
Dentre essas informações estão:
<title> </title> Define o título da página (que é visto na guia)
<link> Não possui Faz a ligação de algum arquivo na página (um arquivo css, um icone, entre outros).
<meta> Não possui Define alguma informação da página como autor,descrição,codificação de caracteres,etc
Observação: as definições devem ser feitas por meio de atributos
<body> </body> É o "corpo" da página, colocado após a tag <head>
<header> </header> Define o cabeçalho para a página
<main> </main> Define o conteúdo principal da página
<section> </section> Cria uma seção na página
<div> </div> Cria uma divisão na página
<a> </a> Adiciona um hiperlink, para exemplos clique aqui
<footer> </footer> Define o rodapé da página
<!-- --> Adiciona um comentário (só pode ser visualizado no código fonte)
Formatação de Texto
<i> </i> Deixa o texto em itálico (forma)
<em> </em> Deixa o texto enfatizado (itálico, porém semântico)
<b> </b> Deixa o texto em negrito (forma)
<strong> </strong> Deixa o texto em destaque (negrito, porém semântico)
<mark> </mark> Marca o texto
<small> </small> Deixa o texto pequeno
<del> </del> Risca o texto
<ins> </ins> Sublinha o texto
<u> </u> Sublinha o texto, porém de forma não semântica
<sup> </sup> Deixa o texto mais acima na linha
<sub> </sub> Deixa o texto abaixo da linha
<code> </code> Deixa a fonte semelhante a codigos de computador
<marquee> </marquee> Faz o texto (ou imagem) rodar na página
<abrr> </abrr> Quando o mouse fica em cima da palavra mostra um texto pré definido
O texto deve ser definido pelo atributo title=" texto"
Para ver os exemplos relacionados a texto clique aqui
Espaçamento
<p> </p> Define um parágrafo
<br> Não possui Esta tag pula uma linha quando usada,tem a mesma função da tecla enter
<hr> Não possui Cria uma linha que divide toda a página
Para exemplos de espaçamento clique aqui
Listas
<li> </li> Lista itens
<ul> </ul> Lista itens em formato de tópico
Atenção!!! A tag <li> deve ser usada dentro da tag <ul> para que ela funcione
<ol> </ol> Lista intens em ordem numérica
Atenção!!! A tag <li> deve ser usada dentro da tag <ol> para que ela funcione
<dt> </dt> Define um item (como um título)
<dd> </dd> Define um item secundário (como um subtítulo)
Para vez exemplos das tags de listagem clique aqui
<img> </img> Adiciona uma imagem,Para exemplos clique aqui
<audio> </audio> Adiciona um audio na página
Atenção!!! A imagem deve ser especificada no atributo src="nome do arquivo da imagem"
Tabelas
<table> </table> Cria uma tabela
<thead> </thead> Cria um cabeçalho para a tabela
<tbody> </tbody> Define o corpo da tabela
<tr> </tr> Cria uma linha na tabela
<th> </th> Cria colunas de cabeçalho para a tabela
<td> </td> Cria colunas para a tabela
Formulários
<form> </form> Cria um formulário,em outras palavras,ele agrupa todas as tags seguintes que recebem dados
<input> Não possui Recebe algum determinado tipo de dado, para exemplos clique aqui
Atenção!!! O tipo de dado a ser coletado deve ser especificado pelo atributo type="tipo de dado"
<select> </select> Cria um quadro de seleção
Para adicionar as opções use a tag abaixo
<option> </option> Adiciona opções
<fieldset> </fieldset> Adiciona uma caixa onde se pode colocar as perguntas,opções etc
<legend> </legend> Adiciona um título para a caixa de perguntas
<textarea> </textarea> Cria uma área para digitar texto
Para exemplos clique aqui
Títulos
Tag Fechamento Função
<h1> </h1> Define um título importante
<h2> </h2> Define um título menos importante que h1(ainda assim importante)
<h3> </h3> Define um título menos importante que h2(ainda assim importante)
<h4> </h4> Define um título menos importante que h3(ainda assim importante)
<h5> </h5> Define um título menos importante que h4(ainda assim importante)
<h6> </h6> Define um título menos importante que h5(ainda assim importante)
Para exemplos de títulos clique aqui.