Html
Seminário: Html. Pesquise 862.000+ trabalhos acadêmicosPor: Beatriz2323 • 28/5/2014 • Seminário • 1.980 Palavras (8 Páginas) • 344 Visualizações
1) HTML (HyperText Markup Language) - (Linguagem de Formatação de Hipertexto)
Originado do casamento dos padrões HyTime (Hypermedia/Time-based Doumnt Structuring Language) e SGML (Standard Generalized Markup Language), o HTML, sigla para HyperText Markup Language (Linguagem de Formatação de Hipertexto), é uma linguagem usada para criar páginas na Web, estabelece como um determinado elemento deve ser visualizado, não sendo, portanto uma linguagem de programação, e sim, uma linguagem de formatação de exibição de textos, através de "comandos" conhecidos como TAGs. Em suma, HTML é empregado para definir as funções dos diferentes elementos das páginas (como textos, fotos ou animações) que serão visualizadas pelo programa de navegação (Browser).
2 - TAGs
TAGs são os "comandos" do HTML. Um documento HTML é composto de TAGs que farão com que o browser monte a página de acordo com a formatação definida pelos comandos HTML.
Um TAG é sempre precedido de um caracter "<" (menor que) e seguido por um caracter ">" (maior que).
Exemplo de TAG: <HTML>
Na maioria dos casos, um TAG deve ter um correspondente, chamado de TAG de fechamento. Ou seja, um TAG indica onde começa sua área de influência, enquanto o seu correspondente TAG de fechamento indica onde termina a área de influência.
Um TAG de fechamento tem o mesmo nome do TAG de abertura, precedido do caracter "/".
Exemplo de TAG de fechamento: </HTML>
TAGs podem ser escritas em minúsculas ou maiúsculas, mas nunca pode haver espaços em branco dentro de TAGs, exceto entre atributos e entre aspas.
Exemplo: <HTML>, <html>, <HtMl>, <Html>, ...
2.1 - Estrutura Básica
A Estrutura Básica de um documento HTML é a seguinte:
Exemplo:
<html> - Início do Documento
<head> - Início do Cabeçalho do Documento
<title> - Início do Título do Documento
Aqui entra o Título do documento
</title> - Fim do Título do Documento
</head> - Fim do Cabeçalho do Documento
<body> - Início do Conteúdo do Documento
Aqui entra todo o conteúdo que será exposto pelo Browser...
</body> - Fim do Conteúdo do Documento
</html> - Fim do Documento
Os TAGs <HTML> . . . </HTML> indicam respectivamente o início e fim do documento.
Entre os TAGs <HEAD> . . . </HEAD> estão às definições lógicas sobre o documento. Delimitam a seção de cabeçalho do documento. Trata-se da primeira seção do documento.
Os TAGs <TITLE> . . . </TITLE> indicam o título do documento, que será apresentado na barra superior do browser. Estas marcas devem constar da seção de cabeçalho.
Entre os TAGs <BODY> . . . </BODY> estão o conteúdo da página que será exposto pelo Browser, incluindo cabeçalho e rodapé. Entre estas marcas estará contido o conteúdo a ser apresentado: textos, imagens, links etc.
2.1. TAG com Atributos
Algumas TAGs possuem atributos que alteram o seu efeito de formatação. Exemplo:
<p align="center">Esta é a Home Page da Aula de Desenvolvimento Web e este texto está centralizado.</p> >
O TAG <P> (parágrafo) está acompanhado do Atributo ALIGN especificando o Valor “CENTER”, determinando que o texto do parágrafo deve ser alinhado ao centro.
3. Estrutura da Página
O elemento <HTML> contém o elemento <HEAD> e <BODY>.
O TAG <TITLE> localizado dentro da TAG <HEAD>, é obrigatório, segundo a especificação do HTML.
Exemplo:
<html>
<head>
<title>Aula de Desenvolvimento Web</title>
</head>
<body>
Aqui entra todo o conteúdo que será exposto pelo Browser...
</body>
</html>
3.1. HTML <html>...</html>
Atributo: Não possui atributos
Explicação: Indica que o documento presente é um documento HTML. Deve englobar todos os demais TAGs.
Exemplo:
<html>
...todos os demais TAGs, textos, etc.
</html>
3.2. HEAD <head>...</head>
Atributo: Não possui atributos
Explicação: Contém no cabeçalho do documento diversas informações lógicas, isto é, que não fazem parte do corpo do documento e, portanto não serão exibidas diretamente.
Exemplo:
<head>
...diversos TAGs contendo informações lógicas sobre o documento...
</head>
3.2.1. Elementos presentes em HEAD
TITLE <title>...</title>
Atributo: Não possui atributos
Explicação: Contém o título do documento. Muitos browsers utilizam o título como forma de referenciar a página em uma lista de links úteis criadas pelo usuário (conhecida
...