
...
TIC Liliana Ferreira
Ano Letivo 2014/2015
<html>
Estes tags servem para delimitar o início e o fim de um documento.
<head>
Estes tags servem para definir o cabeçalho de um documento. Determinam os comandos que devem ser lidos antes de carregar o texto HTML, como por exemplo, métodos de abertura da página, linguagens incorporadas ao texto e o título da página.
As tags que podem ser colocadas na parte HEAD são:
-
base
-
link
-
meta
-
title
-
style
-
script
<title>
Estes tags fazem parte do cabeçalho e as palavras colocadas entre as tags serão o título do documento e surgirão na barra de título ou barra de estado da janela do browser.
Sintaxe:
<TITLE> [Título da página] </TITLE>
Exemplo:
<head>
<title>HTML</title>
</head>
<body>
Entre estes tags está o corpo da página web, ou seja, texto formatado, gráficos, imagens, tabelas, …
Tags utilizadas na parte HEAD
<base>
Define o URL do documento atual.
Exemplo: <base href=http://www.prof.liliana.ferreira.wix.com/html>
<Link>
Estabelece uma organização hierárquica para a navegação entre documentos.
Exemplo:
<link rel="index" href="index.html">
<link rel="previous" href="anterior.html">
<link rel="next" href="seguinte.html">
<Meta>
Serve para definir os atributos identificadores do site como por exemplo o autor da página, os direitos de autor e as palavras-chaves.
Sintaxe:
<META NAME="[author/copyright/keywords]" CONTENT="[Valor do atributo]">
Exemplo:
<META NAME="author" CONTENT="Liliana Ferreira">
Atributos:
NAME - identifica o identificador que se vai adicionar à página, podendo ser:
- AUTHOR: autor da página;
- COPYRIGHT: direitos de autor;
- KEYWORDS. palavras-chave, utilizadas por ferramentas de pesquisa para conhecer o conteúdo do site.
CONTENT
Determina o conteúdo do identificador. Se um item possuir mais do que um identificador, então é necessário separá-los por vírgulas.
Exemplo:
<HEAD>
<META NAME="author" CONTENT="Liliana Ferreira">
<META NAME="copyright" CONTENT="Liliana Ferreira">
<META NAME="keywords"CONTENT="Curso de Aprendizagem, Criação de Páginas para a Web com Hipertexto">
</HEAD>
HTTP-EQUIV="REFRESH"
Um recurso da tag Meta que determina um tempo em segundos, antes que o browser seja direcionado para a outra página.
Exemplo:
<html>
<head>
<META HTTP-EQUIV="REFRESH"CONTENT="5;URL=http://www.proflilianaferreira.wix.com/html">
</head>
veja esta página por 5 segundos e depois verá o portal das aulas de TIC.
</html>
<Title>
É o responsável por identificar o título da página, colocando na janela do browser, ou seja na barra de títulos.
Sintaxe:
<TITLE> [Título da página] </TITLE>
Exemplo:
<head>
<title> Página das aulas de TIC
</title>
</head>
<Style>
Define um estilo embutido na página.
Exemplo:
<style type="Text/css"> h1.mine{text-align:center:color:blue}</style>
<Script>
Inclui scripts no documento. Estes são executados pela ordem que aparecem no documento.
Exemplo:
<HEAD>
<SCRIPT LANGAUAGE="JavaScript">document.write("o meu primeiro script")
</script>
</HEAD>
As tags <body > e </body> delimitam o corpo do documento. Estas contêm as tags e o texto que formam o conteúdo principal da página web, por exemplo, parágrafos, listas, imagens, hiperligações entre outros.