Embed Size (px)
Citation preview
HTMLHTML
HTML HTML -- HyperTextHyperText MarkupMarkup
LanguageLanguage
• Linguagem de Marcação de Hipertexto
• linguagem de marcação utilizada para produzir páginas na Web.
• Documentos HTML são interpretados por navegadores.
• HTML 4.0 (1997)
EDITORES HTMLEDITORES HTML• Bloco de notas• Adobe Dreamweaver
• Adobe GoLive• PS-PAD
• Microsoft Expression Web
• Microsoft Frontpage
HTML HTML –– VersõesVersões
• HTML 4• XHTML• DHTML
ETIQUETA (TAG)ETIQUETA (TAG)
• Todo documento HTML apresenta etiquetas/tag
• Delimitadas entre sinal de menor e maior (< e >)
• A maioria das etiquetas/tag tem sua correspondente de fechamento:
<tag>...</tag>
ETIQUETAS (TAG)ETIQUETAS (TAG)
• Uma etiqueta/tag é formada por comandos, atributos e valores.
• Os atributos modificam os resultados padrões dos comandos e os valores caracterizam essa mudança.
Estrutura bEstrutura bEstrutura bEstrutura bEstrutura bEstrutura bEstrutura bEstrutura báááááááásica de um sica de um sica de um sica de um sica de um sica de um sica de um sica de um
documentodocumentodocumentodocumentodocumentodocumentodocumentodocumento
• A estrutura de um documento HTML apresenta os seguintes componentes:
• As etiquetas básicas de HTML, cuja presença é altamente recomendada nas páginas são:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html> <head><title>Título do Documento</title>
</head> <body> texto, imagem, links, ...
</body> </html>
Estrutura bEstrutura bEstrutura bEstrutura bEstrutura bEstrutura bEstrutura bEstrutura báááááááásica de um sica de um sica de um sica de um sica de um sica de um sica de um sica de um
documentodocumentodocumentodocumentodocumentodocumentodocumentodocumento
• <html> - início de um documento HTML• <head> - cabeçalho de um documento HTML, traz informações sobre o documento.
• <body> - define o conteúdo principal. Esta é a parte do documento HTML que éexibida no navegador. Cor de fundo, margens, imagens, etc.
RRééguasguas HorizontaisHorizontais
• HR<hr><hr color=“red”>
ComentComentáários rios
• Comentário é um texto que nãoaparecerá na página
• É altamente recomendável paraajudar a lembrar o que determinadobloco de tags faz
<!-- Comentário ComentárioComentário -->
REFERÊNCIASREFERÊNCIAS
• HTML no W3C• 10-minute guide• HTML no Wikipedia• Curso Grátis HTML no IPED
![[HTML 2.0] Introdução ao Desenvolvimento Web](https://img.document.onl/doc/110x75/5571fc4a497959916996e9e7/html-20-introducao-ao-desenvolvimento-web.jpg)
