Aula 2 - Conceitos básicos
12
HTML – Aula 2 Conceitos Básicos
-
Upload
fernando-fabricio -
Category
Technology
-
view
419 -
download
0
Transcript of Aula 2 - Conceitos básicos
HTML – Aula 2Conceitos Básicos
Relembrando: Client-side
• Código baixado do servidor e interpretado pelo WebBrowser ou plugin.
Relembrando: Server-Side
• Código interpretado pelo servidor
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:< TAG >
Fim:</ TAG >
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>
Relembrando: Página HTML
Link
• TAG: <a> </a>• Propriedades principais:
§ href§ target
• Exemplo:
<a href=“meuDestino.html” target=“_blank”>Neste Texto que eu clico</a>
Quebra de linha
• TAG: <br />• Não necessita de duas tagsExemplo:
<p>Meu primeiro parágrafo</p><br /><p>Meu segundo parágrafo</p>
Barra Horizontal
• TAG: <hr />• Não necessita de duas tagsExemplo:
<p>Meu primeiro parágrafo</p><hr /><p>Meu segundo parágrafo</p>
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.
Tabela
• Exemplo:
<table> <tr> <td>Alunos</td><td>Notas</td> </tr> <tr> <td>José1</td><td>0</td> </tr> <tr> <td>José2</td><td>3</td> </tr></table>
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;
•
