Beruflich Dokumente
Kultur Dokumente
Linguagem HTML
Abreviao para Hyper Text Markup Language, traduzindo Linguagem de Marcao de HiperTexto
Linguagem HTML
HyperTexto
o termo que remete a um texto em formato digital, ao qual agrega-se outros conjuntos de informao na forma de blocos de textos, palavras, imagens ou sons, cujo acesso se d atravs de referncias especficas denominadas hiperlinks, ou simplesmente links.
Linguagem HTML
Tags (Etiquetas)
Os documentos escritos em HTML so marcados por etiquetas, mais conhecidas com tags. So palavras ou caracteres entre os sinais de <>. Elas informam ao browser a estrutura e o significado do texto. So usadas para dizer qual texto ttulo, pargrafo e assim por diante. Ex:
quebra de linha: um exemplo de elemento solitrio: <br> - localizao centralizada do texto: um exemplo de elemento que deve ser encerrado: <center> ... </center>
Linguagem HTML
Estrutura de documento HTML
Todo arquivo HTML obrigatoriamente contm alguns comandos que identificam aquele texto como uma home page para o navegador. Assim, as pginas em HTML possuem uma anatomia fixa, devendo conter obrigatoriamente os seguintes tags:
<html> e </html> - Determinam incio e fim do documento HTML. <html> diz ao browser para iniciar um novo documento HTML cujo contedo se encontra definido entre esse local e a etiqueta de fim do documento, que </html>.
<head> e </head> - Definem o cabealho. Esta informao no apresentada graficamente mas d indicaes importantes a respeito daquilo que a pgina contm e sobre a forma como ela deve ser apresentada.
Linguagem HTML
Estrutura de documento HTML
<title> e </title> - Contm o ttulo da pgina, ou seja, o nome da janela que ir aparecer na barra superior do navegador. <body> e </body> - Define tudo aquilo que o navegador deve apresentar graficamente. Todos os arquivos, textos, sons devero estar entre estes elementos.
Linguagem HTML
Estrutura de documento HTML Exemplo: Assim, a estrutura bsica de uma pgina, em ordem de comandos obrigatrios :
<html> <head> <title> Entre <title> e </title> deve ser digitado o ttulo da pgina. </title> </head> <body> Entre <body> e </body> devem ser colocados todos os textos, figuras e sons da pgina. </body> </html>
</DL>
Ex:
<dl> <dt>Banco de dados</dt> <dd>Conjunto de resgistros dispostos de maneira regular </dd> <dt>Redes de computadores</dt> <dd>Dois ou mais dispositivos conectados entre si</dd> </dl>
</UL>
Ex:
<ul> <li>Banco de dados</li> <li>Redes</li> </ul>
Resultado
Banco de dados Redes
Ex:
</OL>
Resultado
usado para citaes longas. Ex: <blockquote>A massa do Sol arqueia o espao-tempo de tal maneira que, ainda que a Terra siga uma trajetria reta no espao-tempo quadridimensional, parece-nos que se desloca em rbita circular no espao tridimensional.</blockquote> (Stephen W. Hawking, Uma Breve Histria do Tempo)
Formatao de textos <ADDRESS> Usado para formatar endereos email e referncias a autores de documentos. Ex: Envie crticas e sugestes para <address>algumacoisa@aaa.bbb.br </address>
CORES As cores so introduzidas atravs do elemento <FONT>, usando o sistema RGB para cores (da mesma forma que vimos para cores de documentos): Ex.: <FONT COLOR="#rrggbb">Texto</FON T>
Fontes
<FONT FACE="fonte_da_letra">Texto</FONT >
Links
Possibilidade de fazer ligaes de uma regio de texto (ou imagem) a um outro documento. O browser destaca essas regies e imagens do texto, indicando que so ligaes de hipertexto tambm chamadas hypertext links ou hiperlinks ou simplesmente links. Para inserir um link em um documento, utilizamos a etiqueta <A>, da seguinte forma: <A HREF "arq_destino">ncora</A> =
Links
Para inserir um link em um documento, utilizamos a etiqueta <A>, da seguinte forma: <A HREF = "arq_destino">ncora</A> Onde:
arq_destino o URL do documento de destino; ncora o texto ou imagem que servir de ligao hipertexto do documento sendo apresentado para o documento de destino.
Links
Ex: Link para outra pgina html
<p>
Junte-se a ns em qualquer noite dessas para beber <a href="beverages/elixir.html">elixires</a> refrescantes, ter um bom papo e talvez algumas partidas de Dance Dance Revolution. O acesso wireless est sempre disponvel; TSPSW (Traga Seu Prprio Servidor Web).</p>
Links
Ex: Link com uma imagem para outra pgina html
<a href="beverages/elixir.html" <img src="images/drinks.gif"> </a>