4. Relembrando: HTML
• HTML é uma linguagem de marcação e não de
programação, linguagem estrutural de páginas
de internet;
• TAG HTML é utilizada para definir um arquivo
HTML
Início: Fim:
< TAG > </ TAG >
5. Relembrando: Página HTML
• Exemplo de página HTML:
<html>
<head>
<title>Título da Minha Página</title>
</head>
<body>
<h1>Primeiro Título (header) da página</h1>
<p>Aqui eu coloco o texto do meu primeiro
parágrafo, posso colocar vários outros textos</p>
</body>
</html>
7. Link
• TAG: <a> </a>
• Propriedades principais:
§ href
§ target
• Exemplo:
<a href=“meuDestino.html” target=“_blank”>Neste Texto que eu clico</a>
8. Quebra de linha
• TAG: <br />
• Não necessita de duas tags
Exemplo:
<p>Meu primeiro parágrafo</p>
<br />
<p>Meu segundo parágrafo</p>
9. Barra Horizontal
• TAG: <hr />
• Não necessita de duas tags
Exemplo:
<p>Meu primeiro parágrafo</p>
<hr />
<p>Meu segundo parágrafo</p>
10. Tabela
• TAG: <table> </table>
• Formada por:
Linhas( tag: <tr>) e colunas (tag: <td>)
• Toda coluna pertence a uma linha
• Deve ser utilizada somente para apresentar
dados em tabulação, não em elementos de
layout.
12. Exercício
• Construir 3 páginas:
• Principal (index.html):
Deve conter no título Aula 2, título primário com o seguinte texto:
Navegue entre as páginas. Conter link para as outras duas página;
• Página 2 (pagina1.html):
Título da página: Aula 2 - Exercício 1, deve conter dois parágrafos com
qualquer texto, uma barra horizontal (<hr /> no final dos parágrafos e um
link para retornar para a página principal;
• Página 3 (pagina2.html):
Título da página: Aula 2 - Exercício 2, deve conter uma tabela, com os
dados colocados no quadro branco, abaixo da tabela dois espaços em
branco (<br />) e um link para retornar a página principal;
•
