Linguagens Web - Cliente Aula 2 Introdução ao HTML e XHTML Prof. Gilmar Medeiros – Fevereiro/2010 Instituto Metodista Izabela Hendrix Curso de Tecnologia em Análise e Desenvolvimento de Sistemas
HTML e XHTML Estrutura básica de um documento HTML: <html> </html>
HTML e XHTML – Regras - I Documentos devem ser bem-formados e tags escritas com letras minúsculas: <html> </html>
HTML e XHTML – Regras - II As tags devem ser convenientemente aninhadas: Errado: texto de teste texto de teste O uso de tags de fechamento é obrigatório Errado: um parágrafo um parágrafo
HTML e XHTML – Regras - III Elementos vazios devem ser fechados: Errado:<br> Qual o modo correto? Atributos devem ter valores, não podem ser deixados em branco: Errado:
HTML e XHTML – Regras - IV Comentários:Ex:
Marcação Semântica Importante notar que cada tag HTML tem uma relevância semântica ou seja: Importante notar que cada tag HTML tem uma relevância semântica ou seja: Elementos h1 a h6: marcam cabeçalhos; Elementos h1 a h6: marcam cabeçalhos; Elemento p: marca parágrafo Elemento p: marca parágrafo Elemento img: marca uma imagem Elemento img: marca uma imagem Exceção: elementos div e span Exceção: elementos div e span
Algumas Tags HTML - I Tags de cabeçalho ou headings: Tags de cabeçalho ou headings: a a Tag de parágrafo: Tag de parágrafo: Tag de quebra de linha: Tag de quebra de linha: Tags de listas: Tags de listas: : lista não ordenada : lista não ordenada : lista ordenada : lista ordenada : item da lista : item da lista
Algumas Tags HTML - II Tags de hyperlinks: Tags de hyperlinks:, onde href representa a URL, onde href representa a URL Tabelas: Tabelas: : linha da tabela : linha da tabela : dado da tabela : dado da tabela Formulários: Formulários: ; ; ; ; etc... etc...
Algumas Tags HTML - III Tags de listas drop-down: Tags de listas drop-down: select select option: para cada opção dentro de select option: para cada opção dentro de select