Construção de páginas
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
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
<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>
Adicionando estilo
<style type="text/css">
p {
color: maroon;
}
</style>
Adicionando estilo
<style type="text/css">
p {
color: maroon;
}
h1 {
font-family:sans-serif;
color: gray;
}
h2 {
font-family:sans-serif;
color: gray;
}
</style>
Adicionando estilo
<style type="text/css">
p {
color: maroon;
}
h1, h2 {
font-family:sans-serif;
color: gray;
}
</style>
Adicionando estilo
<style type="text/css">
p {
color: maroon;
}
h1, h2 {
font-family:sans-serif;
color: gray;
border-bottom: 1px solid black;
}
</style>
Adicionando estilo
<style type="text/css">
p {
color: maroon;
}
h1, h2 {
font-family:sans-serif;
color: gray;
}
h1 {
border-bottom: 1px solid black;
}
</style>
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>
Novos elementos
  Citações Longas
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>

Html Aula 1 - parte 2