HTML para Iniciantes – Aula 3
Olá,
O HTML é a principal parte no desenvolvimento de uma página. É através dele que vamos colocar todo o conteúdo de um site à disposição dos usuários. Basicamente, existem três níveis no desenvolvimento web: o conteúdo, construído pelo HTM; a formatação desse conteúdo, tratada pelo CSS, de modo a deixá-lo mais usável e atraente; e o comportamento, controlado, por exemplo, pelo Javascript e Ajax. Focaremos nesse momento apenas no HTML.
É evidente nos últimos anos que o desenvolvimento do HTML trouxe uma relevante melhoria no que diz respeito a semântica dos conteúdos colocados nas páginas. Dentro dessa tendência posto abaixo uma tabela com tags implementadas no HTML5.
| Tag | Description |
|---|---|
| <!–…–> | Comentário |
| <!DOCTYPE> | Defines o tipo de documento HTML |
| <a> | Link. O atributo href define o endereço do link |
| <abbr> | Define uma abreviação |
| <address> | Define um endereço |
| <area> | Define uma área, estabelecida por coordenada e que pode ser linkada, em uma imagem adicionada no html |
| <article>New | Define um determinado texto como um artigo |
| <aside>New | Define um termo de determinado artigo |
| <audio>New | Conteúdo de áudio |
| <b> | Defines bold text |
| <base> | Define uma URL base para todos os links em uma página |
| <bdo> | Define a direção do texto de exibição |
| <blockquote> | Citação longa |
| <body> | Corpo de um documento html |
| <br> | Quebra de linha simples |
| <button> | Define um button = |
| <canvas>New | Define um gráfico |
| <caption> | Define um título no cabeçalho da tabela |
| <cite> | Citação |
| <code> | Define um código de determinada linguagem de programação |
| <col> | define o numero de colunas que uma tabela terá; |
| <colgroup> | Grupos de colunas de uma tabela |
| <command>New | Define um button de comando |
| <datalist>New | Usado para representar uma lista of dados em um menu drop-down |
| <dd> | Define um iten em uma lista com definições |
| <del> | Texto deletado |
| <details>New | Detalhes de um elemento |
| <dialog>New | Diálogo (Conversação) |
| <dfn> | Definição de um termo |
| <div> | Seção de um documento |
| <dl> | Iten de uma lista de definição |
| <dt> | Termo de definição |
| <em> | Enfatiza um texto (deixa, como padrão, em itálico) |
| <embed>New | Plugin ou conteudo interativo externo |
| <fieldset> | Define um campo com termos semelhantes em um formulário |
| <figure>New | Insere uma mídia com conteúdo e sua legenda |
| <footer>New | Seção de rodapé da página |
| <form> | Define um formulário |
| <h1> to <h6> | Define títulos |
| <head> | Define informações sobre o documento |
| <header>New | Define um cabeçalho para uma seção ou uma página |
| <hgroup>New | Informação sobre determinada seção em um documento |
| <hr> | Cria uma linha horizontal |
| <html> | Define um documento HTML |
| <i> | Texto em itálico |
| <iframe> | Cria um frame dentro da página em vez de dividí-la |
| <img> | Imagem |
| <input> | Define um campo input |
| <ins> | Texto inserido no documento |
| <keygen>New | Usada para processar formulários com sistema de gerenciamento de certificados |
| <kbd> | Indica que os caracteres devem ser digitados do teclado |
| <label> | Define uma label (rótulo) |
| <legend> | Título do fieldset de um form |
| <li> | Item de uma lista |
| <link> | Define o link para um recurso (script, por exemplo) externo |
| <map> | Define uma imagem com regiões clicáveis |
| <mark>New | Destacar parte de um texto |
| <menu> | Cria a lista de opções de um menu |
| <meta> | Informações do tipo META localizadas no HEAD do documento |
| <meter>New | Medições em um intervalo pré-definido |
| <nav>New | Link de navegação |
| <noscript> | Definie região na qual não são suportados scripts |
| <object> | Define um objeto incorporado à página |
| <ol> | Itens de uma lsta ordenada |
| <optgroup> | Organiza itens de um elemento o tipo SELECT em grupos |
| <option> | Opção em uma lista de seleção de um menu drop-down |
| <output>New | Usado para representar o resultado de um cálculo em HTML 5 |
| <p> | Parágrafo |
| <param> | Parâmetro para um dado do tipo object |
| <pre> | Texto pré-formatado |
| <progress>New | Define o progresso de uma tarefa de qualquer tipo |
| <q> | Citação curta |
| <rp>New | Usado em anotações de Ruby para definir o que mostrar navegadores que não suportam o elemento gerado pelo Ruby. |
| <rt>New | Explicação para anotações de Ruby |
| <ruby>New | Comentários de Ruby |
| <samp> | Amostra de código computacional |
| <script> | Define um Script |
| <section>New | Define uma seção |
| <select> | Lista com itens selecionáveis |
| <small> | Pequeno texto |
| <source>New | É usado para especificar fontes de mídia de áudio ou vídeo |
| <span> | Usado para aplicar um estilo em um bloco HTML |
| <strong> | Texto destacado |
| <style> | Definição de um estilo (CSS) |
| <sub> | Texto em caixa baixa |
| <sup> | Texto em caixa alta |
| <table> | Tabela |
| <tbody> | Corpo da Tabela |
| <td> | Célula de uma tabela |
| <textarea> | Área que recebe bloco de texto |
| <tfoot> | Rodapé da tabela |
| <th> | Cabeçalho de cada coluna numa tabela |
| <thead> | Contém os cabeçalhos de uma tabela |
| <time>New | Define uma data/horário |
| <title> | Título do documento (mostrado na barra de título do browser) |
| <tr> | Linha de uma tabela |
| <ul> | Itens de uma lista desordenada |
| <var> | Define uma variável |
| <video>New | Define um video |
Divirtam-se. =D…
Abraço…
Deixe seu comentário