Html Aula 1 - parte 2
•
0 gostou•734 visualizações
O documento fornece instruções para construção de uma página web sobre o diário de viagens de Jr. Ele discute como criar a estrutura HTML, adicionar estilos e elementos como imagens, citações e blocos de citações. O objetivo é construir uma página simples sobre as viagens de Jr usando elementos HTML básicos.
Recomendados
Mais conteúdo relacionado
Destaque
Destaque (20)
Semelhante a Html Aula 1 - parte 2
Semelhante a Html Aula 1 - parte 2 (20)
Mais de Eduardo Mendes
Mais de Eduardo Mendes (20)
Html Aula 1 - parte 2
- 2. Do diário para o web site Primeiro criaremos um esquema para a página, um rascunho Depois veremos que elementos HTML(<h1>,<h2>,<h3>,<p>) usaremos para construir a página Criar o HTML Adicionar outros elementos HTML
- 5. Preparar território Criar a pasta diario Dentro da pasta criar a pasta imagens Baixar as imagens para a página http://www.fa7.edu.br/tecnicas/jr1.jpg http://www.fa7.edu.br/tecnicas/jr2.jpg Clique com botão direito no navegador e escolha “save as” e salve na pasta diario/imagens
- 6. <html> <head> <title>Diário do Jr</title> </head> <body> <h1>Viagens do Jr</h1> <p> Diário de bordo de viagem </p> </body> </html>
- 8. Adicionando estilo <style type="text/css"> p { color: maroon; } </style>
- 9. Adicionando estilo <style type="text/css"> p { color: maroon; } h1 { font-family:sans-serif; color: gray; } h2 { font-family:sans-serif; color: gray; } </style>
- 11. Adicionando estilo <style type="text/css"> p { color: maroon; } h1, h2 { font-family:sans-serif; color: gray; } </style>
- 12. Adicionando estilo <style type="text/css"> p { color: maroon; } h1, h2 { font-family:sans-serif; color: gray; border-bottom: 1px solid black; } </style>
- 14. Adicionando estilo <style type="text/css"> p { color: maroon; } h1, h2 { font-family:sans-serif; color: gray; } h1 { border-bottom: 1px solid black; } </style>
- 16. Novos elementos Aspas duplas Citações <h1>Viagens do Jr</h1> <p> Diário de bordo de viagem </p> <h2>1 de Agosto de 2006</h2> <img src="jr1.jpg"/> <p> Meu primeiro de viagem foi tranquilo. Viajei bastante. Posso afirmar que esta será <q>uma longa jornada</q>. </p>
- 17. Novos elementos Citações Longas
- 18. Novos elementos <blockquote> <h2>1 de Agosto de 2006</h2> <img src="jr1.jpg"/> <p> Meu primeiro de viagem foi tranquilo. Viajei bastante. Posso afirmar que esta será <q>uma longa jornada</q>. </p> <blockquote> Primeira hora: descanso, Segunda hora: alegria, Terceira hora: euforia. </blockquote> <p> Definivamente, esta viagem será ótima. </p>