O documento explica as principais tags HTML usadas para estruturar páginas web, incluindo <html>, <head>, <title>, <body>, <h1>, <p>, e <img>. Ele também discute como os navegadores interpretam e exibem páginas HTML e quais editores de texto podem ser usados para criar arquivos HTML.
12. O navegador não exibe as tags HTML,
apenas as usa para determinar como exibir o documento HTML.
O web brower (navegador) (Chrome, IE, Firefox, Safari)
lê o conteúdo dos arquivos HTML para exibição.
24. Entretanto, HTML pode ser desenvolvido também em editores de texto
simples, tais como Notepad++ e Notepad.
Notepad++ Notepad
25.
26.
27. Abra o Notepad, digite o seguinte código HTML, salve-o como index.html e
abra-o em seu web browser.
28.
29.
30.
31.
32.
33. O elemento <html> define o
documento HTML completo
- Tag de abertura <html>
- Tag de fechamento
</html>.
- O seu conteúdo é o
elemento <body>
34. O elemento <body> define o
conteúdo visível do HTML
- Tag de abertura <body>
- Tag de fechamento
</body>
- O seu Conteúdo são os
elementos<h1> e <p>.
35. O elemento <h1> define um
cabeçalho
-Tag de abertura <h1>
-Tag de fechamento </h1>
- O seu conteúdo é: My First
Heading.
36. O elemento <p> define um
parágrafo
- Tag de abertura <p>
- Tag de fechamento </p>
- O seu conteúdo é: My first
paragraph.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46. Exemplos
Para cada exemplo, clique em Try it yourself.
http://www.w3schools.com/html/html_elements.asp
http://www.w3schools.com/html/html_attributes.asp
47. Exercícios
Crie uma página HTML que irá conter uma notícia retirada da internet.
A página deve conter título com o nome da notícia, cabeçalho destacando a notícia
e por fim vários parágrafos detalhando-a.
Pesquise sobre o elemento <img> e seus atributos e insira no início da notícia
uma imagem que a ilustre.
Use o elemento <a> para fazer o link a uma notícia relacionada.
48. W3Schools. Disponível em: http://www.w3schools.com/.
SILVA, M. S. Construindo sites com CSS e (X)HTML:
sites controlados por folhas de estilo em cascata. 1.
ed. São Paulo: Novatec, 2008.
SILVA, O. J. HTML 4.0 e XHTML 1.0. 5. ed. São Paulo:
Érica, 2008.
SILVA, M. S. Criando sites com HTML: sites de alta
qualidade com HTML e CSS. 1. ed. São Paulo:
Novatec, 2008.
Referências