O HTML significa 'Hyper Text Markup Language', é uma linguagem de marcação utilizada para produção de páginas na web, que permite a criação de documentos que podem ser lidos em praticamente qualquer tipo de computador e transmitidos pela internet. Para escrever documentos HTML não é necessário mais do que um editor de texto simples e conhecimento dos códigos que compõem a linguagem.
Para testar os códigos, basta salvar o arquivo em formato .HTML e executar. Para o teste é necessário ter um navegador configurado como padrão. Não é necessária internet, pois o arquivo com os códigos esta na maquina onde esta sendo executado.
Os códigos (conhecidos como Tags) servem para indicar a função de cada elemento da página Web. Os tags funcionam como comandos de formatação de textos, formulários, links (ligações), imagens, tabelas, entre outros. A maioria dos códigos em HTML precisam ter um código de inicialização e um de finalização (Tag de abertura e Tag de fechamento).
Por exemplo, para definir o titulo da pagina, é necessário escrever:
Por exemplo, para definir o titulo da pagina, é necessário escrever:
<title>Título da minha Página</title>
O </title> serve para “avisar” que ali acaba o titulo, caso não seja posto, todos os códigos definidos depois serão considerados parte do titulo.
Ai os browsers (navegadores) identificam essas tags e apresentam a página conforme está especificada.
Agora segue abaixo algumas Tags básicas das quais são bastante utilizadas:
Tags HTML básicas:
| Tag | Descrição |
|---|---|
| <html> | Define um documento HTML |
| <body> | Define o corpo do documento |
| <h1> a <h6> | Define título 1 a título 6 |
| <p> | Define um parágrafo |
| <br> | Insere uma única quebra de linha |
| <hr> | Define um filete horizontal |
| <!--> | Define um comentário |
Tags de Formatação de Textos:
| Tag | Descrição |
|---|---|
| <b> | Define texto em negrito |
| <big> | Define texto grande |
| <em> | Define texto enfatizado; |
| <i> | Define texto em itálico |
| <small> | Define texto pequeno |
| <strong> | Define texto forte |
| <sub> | Define texto subescrito |
| <sup> | Define texto superescrito |
| <ins> | Define texto inserido |
| <del> | Define texto cancelado |
Tags de "Saída de Computador":
| Tag | Descrição |
|---|---|
| <code> | Define texto de código de computador |
| <var> | Define uma variável |
Tags de Listas:
| Tag | Descrição |
|---|---|
| <ol> | Define uma lista ordenada |
| <ul> | Define uma lista não ordenada |
| <li> | Define um item de lista |
| <dl> | Define uma lista de definições |
| <dt>< | Define um termo de definição |
| <dd> | Define uma descrição de definição |
Tags de Tabelas:
| Tag | Descrição |
|---|---|
| <table> | Define uma tabela |
| <th> | Define um cabeçalho de tabela |
| <tr> | Define uma linha de tabela |
| <td> | Define uma célula de tabela |
| <caption> | Define um título de tabela |
| <colgroup> | Define um grupo de colunas de tabela |
| <col> | Define os valores de atributo para uma ou mais colunas em uma tabela |
| <thead> | Define um cabeçalho de tabela |
| <tbody> | Define o corpo de uma tabela |
Link de Tags:
| Tag | Descrição |
|---|---|
| <a> | Define uma âncora |
Tags de Cabeçalho:
| Tag | Descrição |
|---|---|
| <head> | Define informação sobre o documento |
| <title> | Define o título do documento |
| <base> | Define o URL base para todos os vínculos numa página |
| <link> | Define a referência do recurso |
| <meta> | Define meta informação |
| Tag | Descrição |
|---|---|
| <!DOCTYPE> | Define o tipo do documento. Esta tag vai antes da tag de início <html> |
