Documentos HTML so arquivos escritos em ASCII - texto. Podem ser criados em qualquer editor de texto ( vi, emacs, edit, notepad) Existem editores especficos para vrias plataformas Existem conversores de vrios formatos, por exemplo, doc para html A unidade mnima de informao a pgina H diferenas entre os diversos clientes Web, de forma que nem todas as marcaes e seus correspondentes recursos so suportadas por todos eles. Quando um cliente no entende uma determinada marcao, ele simplesmente a ignora. Ao criar um documento, importante test-lo com vrios clientes. Voc pode visualizar um documento que esteja criando com NCSA Mosaic (ou qualquer outro cliente Web). Basta abr-lo com o comando Open Local File disponvel na opo File do menu. HTML utiliza marcaes especficas e distintas para dizer ao Web browser como exibir o documento. Importante: HTML no faz diferena entre maisculas e minsculas (no "case sensitive"). Ento a notao <title> equivalente a <TITLE> ou <TiTlE>. Como so as Marcaes HTML? As marcaes do HTML - tags - consistem do sinal (<), (o smbolo de "menor que"), seguida pelo nome da marcao e fechada por (>) ("maior que"). De um modo geral, as tags aparecem em pares, por exemplo, <H1> Cabealho</H1>. O smbolo que termina uma determinada marcao igual aquele que a inicia, antecedido por uma barra (/) e precedido pelo texto referente. No exemplo, <H1> avisa ao cliente Web para iniciar a formatao do primeiro nvel de cabealho e </H1> avisa que o cabealho acabou. H excesses a esse funcionamento em pares das marcaes. Por exemplo, a que indica um final de pargrafo: <P> . No necessita de uma correspondente: </P>. A marcao que indica quebra de linha - <br> - tambm no precisa de uma correspondente, e outras tais como <hr> e <li>.. Exemplos de Marcaes A notao: <TITLE> (e a correspondente </TITLE>), especificam o ttulo de um documento. A notao: <H1> (e a correspondente </H1>), indica a aparncia de um cabealho. A notao: <P> a marcao para final de pargrafo. 2 II. Criando Documentos HTML a. HTML "Mnimo" Todo documento deve ser identificado como HTML (<html> </html>), ter uma rea de cabealho (<head></head>) com o nome para o documento (<title> </title>), um ttulo principal e uma rea definida como corpo(<body></body>) do contedo do documento. Como o exemplo a seguir: <HTML> <HEAD> <TITLE>Exemplo de HTML simples</TITLE> </HEAD> <BODY> <H1>Este o primeiro nvel de cabealho</H1> Bem-vindo ao mundo do HTML. Este o primeiro pargrafo.<P> E este o segundo.<P> </BODY> </HTML> Esta pgina vai aparecer assim: 3 b. Marcaes Bsicas 1. Ttulos 2. Cabealhos 3. Pargrafos 4. Quebras de linha 1. Ttulos Todo documento em HTML deve possuir um ttulo. De um modo geral o ttulo aparece em lugar separado da pgina (por exemplo, alto da tela no Netscape), e utilizado para identificar o documento em outros contextos ( por exemplo, buscas Wais). interessante que o ttulo possa sugerir claramente o contedo do documento. Ateno porque o conceito de ttulo diferente de cabealho. O ttulo est mais para o nome do arquivo. No um elemento relevante na visualizao do documento como acontece com o cabealho. A marcao utilizada para ttulos <title> e seu par </title>. Escrito desta forma: <html> <title> Este o ttulo</title> <body> <h2>E este o cabealho de nvel 2</h2> Aqui entra o texto do documento ... </body> </html> Apresenta-se assim: 4 2. Cabealhos "Cabealhos" normalmente so usados para ttulos e sub-ttulos de uma pgina. HTML possui seis nveis de cabealhos, numerados de 1 a 6, sendo o nmero 1 o de maior destaque. Cabealhos so exibidos em letras maiores e em negrito. O primeiro cabealho em cada documento deve estar marcado como <H1>. ATENO: ao definir o tamanho de um cabealho, voc no est definindo o tamanho da letra (fonte 10, fonte 14). Voc apenas define que ele aparecer com maior tamanho e destaque que o resto do texto. O tamanho exato com que ele ser visualizado definido pelo programa visualizador de html (browser) de cada pessoa que acessar a informao. As notaes relativas a cabealhos so: <Hy>Texto do cabealho </Hy > onde y um nmero entre 1 e 6 especificando o nvel do cabealho. O conjunto de notaes possveis o que segue: <H1>Headings</H1> <H2>Headings</H2> <H3>Headings</H3> <H4>Headings</H4> <H5>Headings</H5> <H6>Headings</H6> 3. Pargrafos A marcao <p> utilizada para definir o incio de um novo pargrafo, deixando uma linha em branco entre cada pargrafo.HTML no reconhece o caracter de quebra de linha dos editores de texto. Mesmo que exista uma linha em branco, os clientes Web s reconhecem o incio de um novo pargrafo mediante a marcao apropriada. Existem algumas excees. Por exemplo, inserindo uma marcao de pargrafo depois de <P>, <lLI>,<Hy> e outras, esta ser ignorada. 5 4. Quebras de linha A marcao <br> faz uma quebra de linha sem acrescentar espao extra entre as linhas.Veja a diferena do uso de <p> e <br> ,nos exemplos a seguir: <html> <body> <h1>Utilizando p</h1> Vamos separar esta sentena com marcao de pargrafo.<p> Para verificar a diferena. </body> </html> <html> <body> <h1>Utilizando br</h1> Diferena quando separamos duas linhas utilizando<br> a marcao de quebra de linha<br> Diferena quando separamos duas linhas utilizando<br> a marcao de quebra de linha<br> Deu pra notar? </body> </html> Veja a diferena no uso das duas notaes: 6 c. Interligando Documentos 1. Para comear 2. Documentos em Outros Diretrios 3. Ligando URLs 4. Ligando sesses especficas em outro documento 1. Para comear O principal poder do HTML vem da sua capacidade de interligar partes de um texto (e tambm imagens) a outros documentos. Os clientes exibem em destaque estas reas ou pontos chaves (normalmente com cores diferentes ou sublinhado) para indicar que se trata de um link, ou interligao, no hipertexto. A marcao <A>, que define o ponto de partida para os links, denominada de ncora. Para incluir uma ncora em seu documento: 1. Inicie a ncora com <A . ( H um espao depois de A.) 2. Especifique o documento a ser interligado, inserindo parmetro HREF="filename" seguido do sinal: > 3. Insira o texto que vai funcionar como link no documento corrente 4. Anote a marcao de final da ncora: </A>. Um exemplo de referncia a um hipertexto: <A HREF="ListaPraias.html">Praias</A> A palavra Praias'' definida como o marcador do link para se chegar ao documento ListaPraias.html, que est no mesmo diretrio do documento corrente. Ou seja, "Praias" aparece em negrito e se eu clicar nessa palavra ser exibido o documento apontado - ListaPraias.html 2. Interligando Documentos em Outros Diretrios possvel interligar documentos em outro diretrio especificando-se o caminho relativo a partir do documento corrente, em relao ao que est sendo interligado. Por exemplo, um link para o arquivo Sergipe.html localizado no subdiretrio Estados seria assim: <A HREF="Estados/Sergipe.html">Sergipe</A> Estes so dos denominados links relativos. tambm possvel usar o caminho completo (pathname absoluta) do arquivo desejado. Para isso, utiliza-se a sintaxe padro do sistema UNIX. Importante: se voc quiser referenciar um diretrio a partir do raiz do seu servidor www, inicie a notao com /. Isto , se voc tiver uma notao desta forma <A HREF=/imagens/incon1.gif>, significa que o arquivo incon1.gif dever ser buscado no diretrio imagens que est imediatamente acima do diretrio raiz do seu servidor WWW. 3. Ligando URLs 7 O World Wide Web utiliza-se das Uniform Resource Locators (URLs) para especificar a localizao de arquivos em servidores. Uma URL inclui o tipo de recurso acessado (p.e, gopher, WAIS), o endereo do servidor, e a localizao do arquivo. Se escreve de acordo com o esquema abaixo: protocolo://servidor[:port]/path/filename Onde protocolo uma das seguintes definies file um arquivo no seu sistema local, ou servidor de ftp http um arquivo em um servidor World Wide Web gopher um arquivo em um servidor Gopher WAIS um arquivo em um servidor WAIS news um Usenet newsgroup telnet uma conexo Telnet Por exemplo, para incluir um link para o HTML Beginners Guide, em um documento, deve ser usado: <A HREF = "http://www.ncsa.uiuc.edu/General/Internet/WWW/ HTMLPrimer.html"> NCSA's Beginner's Guide to HTML</A> O que torna a sentena NCSA's Beginner's Guide to HTML'' um link para tal documento. Para mais informaes sobre URLs, veja em WWW Names and Addresses, URIs, URLs, URNs, escrito por pessoas do CERN, disponvel em http://info.cern.ch/hypertext/WWW/Addressing/Addressing.html. A Beginner's Guide to URLs, localizado no menu de Help do NCSA Mosaic, e disponvel em http://www.ncsa.uiuc.edu/demoweb/url-primer.html 4. Ligando sesses especficas em outro documento Para fazer links com sesses de outros documentos o processo o mesmo da sesso anterior. Faz-se uma ncora normalmente, e apenas acrescentado, aps a url do documento de destino, o sinal # e uma palavra, ou identificador. O identificador "volta" no nosso exemplo: Este o meu <a href="index20.htm#volta">link</a> para o ltimo item do ndice deste tutorial. No ndice do tutorial - arquivo index20.htm - dever haver uma notao que reconhea a palavra/identificador informado no ponto de partida. Pode ser: <a name="volta"><li>Formulrios Eletrnicos</a>. 8 d. Interligando sesses em uma pgina HTML permite que se faam ligaes entre diferentes trechos de um documento. Voc pode apontar uma palavra ou trecho de um texto utilizando uma ncora de nome (named anchor). Este recurso bastante usado na gerao de ndices de contedo no incio de uma pgina. O passo a passo : 1.Defina o "ponto de partida", atribuindo a ele um nome qualquer - no exemplo item1-, precedido do caracter #,da seguinte forma: Veja o incio da <a href="#item1">segunda sesso</a>. 2.Defina o "ponto de chegada", atribuindo a ele uma ncora de nome, com o nome correspondente ao do ponto de partida, assim: Esta <a name="intem1">segunda sesso</a> trata de.. 9 e. Listas 1. Listas No Numeradas 2. Listas Numeradas 3. Listas de Definies 4. Listas Intercaladas 1. Listas No Numeradas Para criar uma lista no numerada: 1. Comece com a marcao de incio de lista: <UL>. 2. Insira a marcao <LI> antes de cada item da lista item. (No necessrio fechar a marcao com </LI> ) 3. Encerre com a marcao de fim de lista: </UL>. Abaixo o exemplo de uma lista com dois itens: <UL> <LI> mas <LI> bananas </UL> Vai aparecer assim: Cada marcao <LI> pode conter vrios pargrafos. 10 2. Listas Numeradas Uma lista numerada - ou ordenada - semelhante a uma lista no numerada, exceto porque utiliza marcao <OL> ao invs de <UL>. Os itens so identificados utilizando-se a mesma notao <LI> . Uma lista criada assim: <OL> <LI> laranjas <LI> peras <LI> uvas </OL> Resulta neste formato: 3. Listas de Definies Uma lista de definies normalmente consiste em alternar um termo (abreviado como DT) e uma definio (abreviado como DD). Clientes Web browsers geralmente mostram a definio em nova linha com outro alinhamento. Exemplo de uma lista de definio: <DL> <DT> NCSA <DD> NCSA, the National Center for Supercomputing Applications, is located on the campus of the University of Illinois at Urbana-Champaign. NCSA is one of the participants in the National MetaCenter for Computational Science and Engineering. <DT> Cornell Theory Center <DD> CTC is located on the campus of Cornell University in Ithaca, New York. CTC is another participant in the National MetaCenter for Computational Science and Engineering. </DL> 11 Ser vista desta forma: As entradas <DT> e <DD> podem conter vrios pargrafos (separados por <P> ), listas, ou outras definies. A marcao <DD> pode tambm ser utilizada, fora de uma lista de definies como se fosse uma tabulao (insere um espao no incio da frase). 4. Listas Intercaladas As listas podem ser encadeadas ou intercaladas arbitrariamente, produzindo resultados bastante interessantes. A prtica que vai mostrar qual o nmero mximo de listas que vale a pena intercalar. Pode-se inclusive ter um pargrafo, intercalado com uma lista que contenha um nico item. Exemplo de lista intercalada: <UL> <LI> Estados da regio sul do Brasil: <UL> <LI> Rio Grande do Sul <LI> Santa Catarina </UL> <LI> Um estado da regio nordeste: <UL> <LI> Pernambuco </UL> </UL> 12 exibida com este formato: 13 f. Texto Pr-formatado A marcao <PRE>(derivada de preformatted) delimita uma rea de texto em que espaos, novas linhas e tabulaes so mantidas. Ou seja, o texto ser apresentado exatamente da forma como foi digitado, mesmo que no hajam marcaes do html. uma forma de se preservar o formato de um texto Este recurso utilizado por exemplo para listas de programas.Vejamos um exemplo: <PRE> #!/bin/csh cd $SCR cfs get mysrc.f:mycfsdir/mysrc.f cfs get myinfile:mycfsdir/myinfile fc -02 -o mya.out mysrc.f mya.out cfs save myoutfile:mycfsdir/myoutfile rm * </PRE> Apresenta-se assim: Podem ser definidos links dentro de textos pr-formatados. No entanto, deve-se evitar utilizar outros caracteres das marcaes em reas <PRE>. Isto porque caracteres como <, >, and & possuem um significado especfico no HTML. O ideal utilizar as sequncias especiais, (<, >, and &, respectivamente) sempre que precisar representar esses caracteres. Veremos mais sobre no prximo item. 14 g. Caracteres Especiais HTML permite que se apliquem estilos especficos a palavras ou sentenas. Vamos ver algumas opes: <B></B> texto em negrito <I></I> texto em itlico E o efeito de cada uma delas: Para representar os caracteres das tags, utilize a seguintes notaes: < para representar < > para representar > & para representar & "para representar " Uma lista completa dessas notaes especiais pode ser obtida no CERN, em: http://www.w3.org/hypertext/WWW/MarkUp/ISOlat1.html Caso o editor que voc esteja utilizando no acentue, possvel tambm utilizar notaes especiais para acentuao. H uma lista delas ao final deste documento. Ateno: Ao contrrio do resto do HTML, as notaes especiais diferenciam letras maisculas de minsculas. No possvel usar < no lugar de <. 15 h. Endereos A marcao <ADDRESS></ADDRESS> habitualmente utilizada para especificar o autor do documento e a forma de contato com ele (por exemplo, o endereo eletrnico). Geralmente o ltimo item de uma pgina. Por exemplo, a ltima linha do Beginer's Guide em que foi baseado este tutorial assim: <ADDRESS> A Beginner's Guide to HTML / NCSA / pubs@ncsa.uiuc.edu </ADDRESS> E o resultado Existe ainda um recurso para criar um item na pgina que, ao ser selecionado, abre uma janela, e permite que se envie uma mensagem eletrnica para um endereo especfico. Para isso utiliza-se a varivel "mailto:" Veja o exemplo abaixo, para enviar mensagens de dvidas para o endereo eletrnico apoio@cr-df.rnp.br Qualquer dvida ou comentrio, voc pode enviar um email ao <a href="mailto:apoio@cr-df.rnp.br">pessoal de apoio </a> a usurios do CR-DF. Fica assim: 16 E ao se clicar em pessoal de apoio, se abrir uma janela para envio de mensagem eletrnica, como abaixo: 17 I. Inserir imagens As imagens dentro de uma pgina devem estar preferencialmente no formato ".gif". Este o formato mais universalmente aceito pelos visualizadores de WWW (browsers). O Netscape consegue decodificar outros formatos como o ".jpg" e ".rgb", mas esta capacidade no comum a todos os programas. Utiliza-se a seguinte notao para incluir uma imagem: <img src="diretrio/arquivo"> No exemplo: 18 Alinhamento das imagens Toda imagem includa pode ser posicionada (align=...) na tela das seguintes formas: TOP, MIDDLE, BOTTOM, LEFT e RIGHT. As trs primeiras opes definem a posio da imagem com relao ao texto. Veja os exemplos: As duas ltimas definem a posio da imagem na pgina, a direita ou esquerda: 19 Ateno: De um modo geral no necessrio incluir essa anotao para alinhar a imagem a esquerda. Caso seja omitida a opo "align", a imagem aparecer a esquerda da pgina. Uma imagem pode ser tambm alinhada direita da pgina: Uma imagem pode ser ainda um boto sensvel: Para isso basta incluir uma imagem no interior de uma ncora. <a href="./index.htm"><img src="../images/stop.gif></a> 20 j. Controle de Cores e Grficos de Fundo 1. Cores e elementos grficos de fundo 2. Cores de letras e links 1. Cores e elementos grficos de fundo O Atributo Background O atributo Background deve ser aplicado marcao <body>. Este atributo especifica a URL de uma imagem que ser utilizada como fundo (background) de uma pgina. Esta imagem ocupar toda a rea de fundo da tela. Deve ser escrito desta forma: <body background="images/fundo.gif"> .. toda a pgina .. </body> importante ter cuidado para que elementos de fundo no prejudiquem a leitura do texto em tela. De um modo geral, esses elementos devem aparecer em cores bem claras e sutis. Sempre vale a pena visitar outras pginas que utilizam esse recurso para recolher boas idias. O Atributo BGColor Este atributo tambm deve acompanhar a marcao <body>. Ele permite que se defina uma cor padro para o fundo da pgina, sem necessidade de um arquivo imagem para isso. O formato da marcao : <body bgcolor="#rrggbb">Aqui fica a pgina</body> Onde "#rrggbb" um cdigo hexadecimal no padro "red-green-blue" utilizado para especificar a cor de fundo. Sugerimos a consulta a uma tabela desses padres disponvel em servio da INFINET, em: http://www.infi.net/wwwimages/colorindex.html . Uma verso desta tabela encontra-se no final deste documento. 21 2. Cores de letras e links O atributo TEXT Este atributo utilizado para controlar a cor do texto "normal" em uma pgina. Ou seja define a cor de todo o texto do documento exceto os links. O atributo deve acompanhar a marcao <BODY>, escrevendo-se da seguinte forma: <body text="#rrggbb">Aqui entra o documento</body> Onde "RGB" um cdigo hexadecimal do trio "red-green-blue", exatamente no mesmo padro daquele utilizado no atributo BGCOLOR. Para conhecer as variaes desse padro sugerimos consulta a tabela disponvel na INFINET citada anteriormente. Os atributos LINK, VLINK e ALINK Este atributo controla a cor de textos que funcionem como link na pgina. 1. LINK define cores de links nao consultados 2. VLINK se referente a links j consultados e 3. ALINK determina cor de links quando ativados. A notao absolutamente igual anterior, seguindo os mesmos padres para definir as cores. Uma definio completa incluiria ento: <body text="#rrggbb" link="#rrggbb" vlink="#rrggbb" alink="#rrggbb"> Aqui entra o documento </body> 22 k. Barras horizontais A marcao <HR> produz uma linha horizontal no documento. possvel determinar uma largura maior para as barras, utilizando-se a extenso "size". Veja os exemplos: 23 ainda possvel determinar o quanto da largura da pgina a linha horizontal vai ocupar. Para isso utiliza-se a extenso width= . Observe Ateno: a extenso width no determina o comprimento da linha (em cm ou mm), mas o quanto da largura da pgina ela deve ocupar. 24 III. Tabela de Comandos Marcao Funo Caractersticas <HTML></HTML> Delimita o documento (incio e fim) Esta marcao deve ser inserida imediatamente no incio e no final de todo arquivo HTML <HEAD></HEAD> Cabealho O cabealho de um arquivo html uma rea para insero de informaes que no sero visveis na pgina HTML, tais como title e comentrios <TITLE></TITLE> Ttulo do documento Nome a ser atribudo ao documento HTML, mas que no ser visualizado na pgina. Deve sempre aparecer na rea definida como head do documento <! > Comentrio Indicao de quaisquer comentrios, tais como nome do autor, data de criao, software utilizado para autoria, etc. No visualizado na pgina HTML (s quando solicitadao o source file) Tambm deve aparecer na rea definida como head do documento. <BODY></BODY> Corpo do documento Delimita o corpo do documento. Vem imediatamente abaixo da rea definida como head. Esta marcao deve ser fechada somente ao final do documento, imediatamente seguida da marcao </html> Exemplo de como devem aparecer distribudas no arquivo as marcaes acima citadas: <html> <head> <title> Ttulo do documento</title> <! autor: Joo das Couves> <! ltima atualizao: 30/02/2001> </head> <body> Bl bl bl ... aqui entra o contedo da pgina ... bl.... </body> </html> <BODY BACKGROUND=J> </BODY> Imagem de fundo J = arquivo imagem ou url de arquivo imagem Insere uma imagem como fundo da pgina (mais ou menos como uma marca dgua). O arquivo deve estar em formato .gif . Este arquivo pode estar na mesma mquina (anotar sua path/nome), ou em outra mquina (indicar por URL) <BODY BGCOLOR=#rrggbb> </BODY> Cor padro de fundo #rrggbb = cdigo de cores rgb (ver tabela de cores neste documento) Define uma cor de fundo padro para a pgina. Esta cor pode variar de monitor para monitor. <BODY TEXT=#rrggbb LINK=#rrggbb VLINK=#rrggbb ALINK=#rrggbb> </BODY> Cores do texto do documento #rrggbb = cdigo de cores rgb (ver tabela de cores neste documento) Define a cor para: text = texto normal da pgina link = links da pgina vlink = links consultados na pgina alink = links ativados na pgina <Hy></Hy> Ttulos ou cabealhos na Existem seis nveis de cabealho na pgina 25 pgina y = nmero de 1 a 6 (no confudir com cabealho do documento = head): <h1></h1>, <h2></h2> , etc. Sendo H1 o maior e H6 o menor nvel. Ateno, marcaes Hy definem tamanho relativo do texto, e os colocam em destaque (normalmente negrito) <P> Pargrafo Insere uma linha em branco entre dois pargrafos <BR> Quebra de linha Faz uma quebra de linha. <A HREF=0> texto</a> ncora para hiperlink referencial 0= URL ou nome de arquivo Define um link. O link vai aparecer em destaque na pgina (normalmente outra cor e sublinhado) <A HREF=#> texto</a> ncora interna ou para seo especfica em outro documento # = cdigo ou palavra chave Abre uma ncora para um outro trecho dentro de uma mesma pgina, ou para um trecho especfico em outro documento. 1. Trecho na mesma pgina Aps a ncora de hiperlink referencial, deve aparecer, entre aspas, o caracter # e uma palavra ou cdigo chave. Este mesmo cdigo ou palavra dever aparecer no ponto de chegada deste link interno, como uma ncora de nome (veja prximo item). 2. Link para trecho especfico em outro documento Deve ser efeito exatamente da mesma forma, sendo que , antes do caracter #, dever aparecer o nome do arquivo que ser pretende ligar, ou sua url completa. <A NAME= > ncora de nome = cdigo ou palavra chave Este o ponto de chegada de uma ncora interna a um documento ou para trecho especfico em outro documento. O cdigo ou palavra chave deve ser idntico quele do ponto de partida. No altera a visualizao do texto. <A HREF=MAILTO: xyz@algumlugar.br> Envio de email para endereo especificado Permite que se crie um link que ao ser selecionado abrir uma tela de composio de mensagem eletrnica a ser enviada para o endereo digitado aps MAILTO: 26 <UL></UL> Delimita lista no numerada Deve ser escrita ao incio e ao final da lista. Casa item da lista antecedido da marcao <LI> <OL></OL> Delimita lista numerada Deve ser escrita ao incio e ao final da lista. Casa item da lista antecedido da marcao <LI> <LI> Cada item de uma lista numerada ou no --o00o-- Uma lista no numerada: <UL> <LI> item 1 <LI> item 2 <LI> item 3 </UL> Uma lista numerada <OL> <LI> item 1 <LI> item 2 <LI> item 3 </OL> <DL></DL> Delimita lista de definies Deve ser escrita ao incio e ao final da lista. Cada item da lista antecedido da marcao <DT> ou <DD>, conforme explicado a seguir. <DT> Entrada de ttulo em lista de definies Insere um ttulo em uma lista de definio. A entrada de ttulo vai aparecer alinhada esquerda da pgina. Normalmente vem seguido de um item do tipo <DD> <DD> Entrada de definio em lista de definies Insere uma definio (antecedido ou no por <DT>). Este item vai aparecer numa margem mais interna pgina (como se tivesse uma tabulao antes). Fora de listas de definio pode ser utilizado para produzir este mesmo efeito (Uma tabulao) Uma lista de definies: <DL> <DT> Ttulo 1 <DD> definio a <DD> definio b <DT> Ttulo 2 <DD> definio a </DL> <PRE></PRE> Texto pr-formatado Mantm a exata formatao do texto digitado. <B></B> Negrito --o00o-- <I></I> Itlico --o00o-- <ADRESS> </ADRESS> Endereo Quanto a visualizao, normalmente, apenas coloca o trecho em itlico. 27 <IMG SRC=.> Insero de imagem .= nome ou URL de arquivo imagem. Marcao para inserir uma imagem na pgina. Esta imagem deve estar preferencialmente em formato .gif. Pode estar na mesma mquina (apontar com o nome ou path completa) ou em outra mquina (apontar com URL) <IMG ALING= SRC=.> Alinhamento de imagem Opcional. Define o alinhamento de uma imagem na pgina. Aceita os seguintes valores: TOP = alinha o texto com o alto da figura MIDDLE = alinha o texto com o meio da figura BOTTOM = alinha o texto com o rodap da figura RIGHT = alinha a figura direita da tela LEFT = alinha a figura esquerda da tela. Faz ainda com que o texto que esteja ao lado contorne a figura. <HR> insere linha horizontal --o00o-- <HR SIZE=n> Largura da linha horizontal n= nmero Opcional Extenso opcional que define a largura da linha <HR WIDTH=n%> Ocupao da tela da linha horizontal n= nmero Opcional Define o quanto da tela uma linha vai ocupar. 28 IV.Tabela de Acentuao/ Caracteres Especiais As notaes presentes em marcaes, devem ser representadas com notaes especiais para que possam ser exibidas em tela. Estas notaes especiais sempre se iniciam por & (e comercial) e encerram-se com ; (ponto e vrgula). Notao descrio aparncia < Maior que > > Menor que < & E comercial & " aspas duplas ® marca registrada