Aula 2 - Conceitos básicos

HTML – Aula 2
Conceitos 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: Fim:
< TAG > </ 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>

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 tags
Exemplo:

<p>Meu primeiro parágrafo</p>
<br />
<p>Meu segundo parágrafo</p>

Barra Horizontal
• TAG: <hr />
• Não necessita de duas tags
Exemplo:

<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;
•

Aula 2 - Conceitos básicos

Mais conteúdo relacionado

Mais procurados

Destaque

Semelhante a Aula 2 - Conceitos básicos

Mais de Fernando Fabricio

Aula 2 - Conceitos básicos