Aula 02 Tags Estrutura
Disciplina: DAW – Desenvolvimento em Ambiente Web
Docentes: Ecila Oliveira | Fabio Luís | Luciana Abiuzi | Sidinei Akira
AULA 02
OBJETIVO: Nesta aula, vamos estudar os conceitos de tags (comandos), a estrutura básica de uma página Web, como criar parágrafos, alinhamentos e cabeçalhos e, por fim, como aplicar alguns estilos em nossos textos.
1. Tags
As “tags” são os comandos do XHTML, utilizados na construção das páginas Web.
Uma tag sempre é apresentada entre os sinais “<” (menor) e “>” (maior).
Elas são utilizadas em pares e, toda abertura de uma tag requer o seu fechamento. Exemplo:
<nome da tag> TEXTO </nome da tag>
Para fechar uma tag, utilizamos uma barra “/”.
Todas as tags e seus atributos devem sempre estar em minúsculo.
2. Estrutura básica de uma página web
A estrutura básica de uma página Web é composta pelos itens:
•
•
•
Estrutura principal;
Cabeçalho;
Corpo.
Exemplo:
<html>
<head>
<title> . . . </title>
</head>
</html>
Cursos: Ciência da Computação | Sistemas de Informação
Página 1 de 9
ICET – Instituto de Ciência e Tecnologia
Disciplina: DAW – Desenvolvimento em Ambiente Web
Docentes: Ecila Oliveira | Fabio Luís | Luciana Abiuzi | Sidinei Akira
Segue abaixo definição de cada item utilizado na estrutura básica:
•
<html> . . . </html>
Indicam o início e o fim do arquivo.
•
<head> . . . </head>
Indicam o início e o fim do cabeçalho do documento, onde poucos comandos são utilizados.
•
<title> . . . </title>
Indicam o título da página, que será exibido na barra de títulos do browser.
Estas tags devem ficar entre as tags <head>...</head>.
•
<body> . . . </body>
Definem o corpo do documento; é o local onde estarão localizados os textos, links, imagens etc.
Exemplo: Código efetuado no Bloco de Notas e salvo com a extensão “.htm”.
Exemplo: Código efetuado no Bloco de Notas e exibido no “Internet Explorer”.
Cursos: Ciência da Computação | Sistemas de Informação
Página 2 de 9
ICET – Instituto de