Você está na página 1de 3

Resumo de HTML

O QUE HTML? Um documento escrito em HTML (Hiper Textos Markup Language) um texto comum no formato ASCII. O QUE HIPERTEXTO? Hipertexto so aqueles itens marcados numa pgina WEB que, quando clicados, levam a imagens ou informaes mais detalhadas sobre o assunto. O Hipertexto um texto (ou uma imagem) grifado e destacado na pgina por uma cor diferente da cor do texto no qual est inserido. Quando se coloca o cursor sobre o hipertexto, o cursor muda seu formato para um cone representado por uma mo. ONDE CRIAR UMA PGINA HTML Uma pgina HTML pode ser criada em qualquer editor de texto (Bloco de Notas, WordPad, etc), desde que seja salvo no formato ASCII. AS TAGS As marcas utilizadas para produzir o hipertexto so chamadas tags. Uma tag consiste dos sinais < (menor que) e > (maior que) e um texto dentro deles. A notao <title> por exemplo uma tag para o ttulo do documento. As tags devem ser usadas em pares, devendo haver uma tag que inicia a marcao e uma tag que a finaliza. A tag de finalizao deve ter uma barra "/" antes do texto. Por exemplo, a marcao completa para o ttulo de um documento : <title>Ttulo do Documento</title> Algumas marcaes, no entanto, como as tags de incio de pargrafo <p>, quebra de linha <br> e insero de barra <hr> no necessitam de seus pares. Todo documento HTML deve iniciar com a tag <html> e finalizar com o seu par </html>. Um documento HTML no faz diferena entre maisculas e minsculas. Portanto tanto faz usar <TITLE> como <title>. O ESQUELETO DE UMA PGINA HTML Um documento HTML divide-se em 2 partes essenciais: cabealho e corpo. Veja o exemplo abaixo:

<html> <head> (cabea do documento) <title>ttulo do documento</title> </head> (final de cabea do documento) <body> (tag de incio do corpo) <h1>Primeiro nvel de cabealho</h1> <h2>Segundo nvel de cabealho</h2> </body> (tag de final do corpo) </html>

Tag de incio do documento CABEALHO

CORPO

Tag de final do documento

CABEALHO DO DOCUMENTO A cabea do documento deve conter as informaes mais essenciais da pgina. Colocase no cabealho o Ttulo do documento, a descrio, palavras chaves e comentrios. - O TTULO :<TITLE></TITLE> Todo documento HTML deve ter um ttulo que servir para identificar o documento. O ttulo do documento no visualizado na pgina mas aparece na barra de ttulo do browser de navegao. O ttulo no o mesmo que cabealho. O ttulo o nome do arquivo. atravs do ttulo que sua home page ser procurada pelos catlogos de busca. Por exemplo: <title>PASSOS PARA CONSTRUIR SUA HOME PAGE</title> A DESCRIO: <meta name="description" content="descrio"> A cabea do documento deve conter uma descrio da pgina. Sobre o que ela trata e o que tem a oferecer. Por exemplo: <meta name="description" content="Tutorial sobre HTML, dicas para construir homepage"> PALAVRAS CHAVES : <meta name="keywords"content="palavras chaves"> As palavras chaves tambm serviro para a busca de sua home page.

Por exemplo: <meta name="keywords"content="HTML, tutorial, gif, homepage"> - COMENTARIOS: Voc pode inserir comentrios adicionais na cabea do seu documento usando a marcao <!> , Portanto o cabealho de um documento HTML ficaria assim: Exemplo Geral: <head> <title>Como Fazer uma Home Page</title> <meta name="description" content="dicas de linguagem HTML, endereos de imagens gifs, download de editores HTML."> <meta name="keywords"content="home page, html, barras, gifs, programao"> <!Home Page criada por...usando o programa... > </head>

O CORPO O corpo do documento a parte que aparece na Home Page. O texto de algumas tags colocadas nesta sesso do documento no so visualizados na tela, mas sim os seus efeitos. o caso, por exemplo, das tags de padro de fundo, cor de texto e cores de link, vlink e alink. - PADRES DE FUNDO: Uma Home page pode conter uma textura como padro de fundo, um arquivo no formato gif ou jpg, ou utilizar as cores do padro RGB. A notao para os dois padres de fundo so: a) <body background="arquivo.gif"></body> Esta notao indica fundos com textura. Se o arquivo gif estiver no mesmo servidor, mas em outro diretrio, deve ser indicado o seu caminho path/name. Se estiver em outro servidor, sua URL deve ser indicada: Tipo://host.domnio[:porta]/path/NomeDoArquivo.

Dica: Use <bgproperties="fixed"> para fixar o fundo da pgina na tela. b)<body bgcolor="#rrggbb"></body> Esta notao indica fundos no padro RGB. Usa-se um cdigo no formato hexadecimal precedido pela tralha #.

Você também pode gostar