TrabalhosGratuitos.com - Trabalhos, Monografias, Artigos, Exames, Resumos de livros, Dissertações
Pesquisar

Html

Seminário: Html. Pesquise 862.000+ trabalhos acadêmicos

Por:   •  28/5/2014  •  Seminário  •  1.980 Palavras (8 Páginas)  •  344 Visualizações

Página 1 de 8

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

...

Baixar como (para membros premium)  txt (15.9 Kb)  
Continuar por mais 7 páginas »
Disponível apenas no TrabalhosGratuitos.com