Unidade III

Unidade III: Tags HTML
A linguagem de marcao HTML utiliza tags especficas e distintas para indicar ao navegador como exibir o documento HTML. Portanto, todo documento HTML possui comandos, esses comandos so tambm conhecidos como etiquetas (do ingls: tags) de formatao da linguagem. <!- - comentrio - -> Os comentrios so tags que servem para comentar um certo trecho de cdigo. Define um comentrio no cdigo HTML enviado ao navegador, sendo que este contedo ser ignorado pelo navegador.
<HTML> A tag html que informa ao navegador que a pgina deve ser tratada como uma pgina web para a Internet. Todo o contedo de uma pgina web deve ser includo entre as tags de abertura e de fechamento <html> e </html>.
<HEAD> A tag head vem do ingls head e significa cabea ou cabealho, contm informaes sobre o documento. E todos os atributos inseridos e/ou contidos entre as tags de abertura e fechamento do head no so mostrados pelo navegador, no contexto desta tag que ttulo (title), scripts, folhas de estilo e informaes (meta) so encontradas. <TITLE> A tag title vem do ingls title e significa ttulo, especifica o ttulo do documento HTML de tal forma que o utilizador possa inferir o assunto da pgina apenas por seu ttulo. O ttulo de uma pgina um dos principais contedos indexados pelas ferramentas de buscas.
<SCRIPT> Esta tag define um programa cujo cdigo deve ser inserido junto na pgina ou documento. O programa executado pelo navegador durante a apresentao da pgina, ou na ocorrncia de algum evento associado a tag html no cdigo da pgina. O cdigo do programa pode ser inserido entre as tags de abertura e fechamento, ou ser referenciado em um arquivo externo contendo o cdigo. Os atributos para a tag script so: type, src.
19
type especifica a linguagem de programao do script. A linguagem dada por um tipo de contedo, tipo texto/javascript, texto/vbscript, application/javascript, application/actionscript entre outros. src (source) especifica uma URL contendo o cdigo do programa script, caso este atributo seja especificado, no haver necessidade de incluir o cdigo do script entre as tags de abertura e fechamento.
<META> A tag meta fornece importantes informaes sobre o documento para navegadores, ferramentas de busca, servidores de proxy leitores de tela, entre outros. Esta tag pode ser utilizada para informar quem o autor, a data de criao ou o nome do programa utilizado na criao da pgina, de tal forma que outros programas (normalmente, costumam a ser os robs dos sites de busca que utilizam os meta dados para obter um sumrio da pgina) possam ler estes dados e interpret-los conforme necessrio. Uma outra funo da tag meta de definir parmetros do cabealho HTTP da pgina, permitindo que o servidor web quanto o navegador saibam como interpretar e apresentar a pgina correctamente (por exemplo, o cdigo de caracteres e o idioma apropriado). O atributo obrigatrio content, e opcionais so: http-equiv ou name. content especifica o contedo dos parmetros providos atravs dos atributos http-equiv ou name. http-equiv especifica informaes no cabealho do protocolo HTTP e utilizado por servidores web e por navegadores para prover e interpretar a pgina correctamente. Seus valores so: Content-Type (especifica o tipo MIME1 da pgina e o cdigo de caracteres utilizado), expires (especifica uma data de expirao da pgina em cache), refresh (especifica que a pgina deve ser mostrada por um determinado tempo antes que uma segunda pgina seja carregada) e Set-Cookie (especifica um cookie). name especifica um nome para indicar o contedo (contente). Os seus valores so: author (nome do autor da pgina), copyright (especifica quem detm os direitos autorais da pgina, description (descrio resumida do contedo da pgina), generator (nome do programa utilizado
1
MIME do ingls Multipurpose Internet Mail Extensions (Extenses Multi funo para Mensagens de Internet), quando acede-se um documento, figura, imagem, animao e qualquer tipo de arquivo, ele acompanhado de uma cabealho que lhe d um tipo MIME. Alguns exemplos, text/html (representa os arquivos HTML), text/css (identifica um arquivo CSS), text/plain (identifica um arquivo de texto simples.
20
na criao da pgina), keywords (palavras-chave encontradas na pgina), revised (data e hora da ltima actualizao da pgina), robots (utilizado para controlar como robs de busca devem se comportar em relao a esta pgina. Atravs deste parmetro possvel orientar o rob de busca a no indexar a pgina, a no seguir os links na pgina, a no colocar a pgina em cache, etc.). <LINK> A tag link utilizada dentro do contexto do cabealho do documento, isto , entre as tags de abertura e fechamento do head e pode ser utilizada diversas vezes. Esta tag serve para indicar o relacionamento da pgina actual com outras pginas ou documentos na Internet. O uso desta tag bastante variado, sendo os mais comuns: (i) insero da folha de estilo em cascata externa; (ii) insero do cone utilizado na pgina (mostrado na barra de endereos e nos favoritos do navegador; (iii) prover informaes para sites de busca; (iv) indicar pginas alternativas. Os seus atributos so: href, media, rel, target, type. href especifica a URL da pgina ou documento na Internet. media especifica o tipo de interface que deve ser utilizada para mostrar ou processar a pgina ou documento de Internet especificado no atributo href. Os seus valores so: all (todos os tipos), aural (leitores de tela), braille (equipamentos de representao em braille), handheld (equipamentos portteis), print (impressora), projection (projectores), screen (telas de computadores), tty (terminais de teletipo com fonte de espao simples) e tv (televisores). rel especifica o relacionamento entre a pgina actual e a pgina ou documento especificado no atributo href, mltiplos relacionamentos podem ser especificados separando cada um com um caracter de espao. Os seus valores so: alternate, appendix, bookmark, chapter, contentes, copyright, glossary, help, ndex, next, prev, section, start, stylesheet, subsection, shortcut icon. target define onde abrir a URL alvo. Os seus valores so: _blank (a URL alvo abre em uma nova janela do navegador), _parent (a URL alvo abre no frame pai do frame em que foi clicada), _self (a URL abre no mesmo frame em que foi clicada) e _top (a URL alvo abre no topo do corpo da pgina actual, sobrepondo qualquer frame na pgina.
21
type especifica o tipo MIME utilizado para aceder a pgina ou documento especificado atravs do atributo href. Os seus valores podem ser: text/html, text/css, text/javascript, image/jpg, vdeo/mpeg, entre outros.
Atributos comuns maioria das tags da linguagem HTML accesskey associa uma tecla a um elemento na pgina, isto permite acesso rpido aos respectivos controles atravs de atalhos. Este atributo somente deve ser utilizado com as seguintes tags: a, rea, button, input, label, legend e textarea. class identifica a tag em que se encontra, atribuindo uma classe a esta tag e seu contedo. possvel especificar mais de uma classe na mesma declarao por separar o nome das classes com um espao. Este atributo pode ser associado a diferentes tags. dir - d um nome nico para a tag e seu respectivo contedo. Este nome no pode ser usado novamente na pgina. O identificador de uma tag pode ser referenciado em folhas de estilo em cascata, permitindo que os atributos de apresentao da tag (e seu respectivo contedo) sejam modificados de acordo com seu identificador. Este atributo aplica-se a todas as tags excepto: base, head, html, meta, script, style e title. style especifica um estilo para a tag. A sintaxe do valor deste atributo dado pela linguagem de estilo utilizadas, por padro folhas de estilo em cascata (CSS). tabindex associa um nmero de sequncia a um controle em um formulrio. Desta forma se o utilizador utilizar a tecla tab para navegar de um controle para o outro, os controles sero selecionados na ordem definida pelos nmeros de sequncia associados. Este atributo somente deve ser utilizado com as seguintes tags: a, rea, button, input, object, select e textarea. title contm informaes sobre o contedo da tag. Em geral navegadores mostram o contedo deste atributo em uma caixa de texto ao lado do cursor do mouse, quando este posicionado sobre o elemento na pgina. Similar ao atributo alt.
22
<BODY> A tag body vem do ingls body e significa corpo. Esta tag define o corpo da pgina e todo o contedo mostrado pelo navegador est inserida e/ou contida dentro do contexto desta tag, em outras palavras, todo contedo da pgina definido entre as tags de abertura e fechamento e, visualizvel na tela. Os seus atributos so: text, bgcolor, background, link, alink, vlink. text especifica a cor do texto na pgina. Os seus valores so: cdigo hexadecimal (#FFFFFF), cdigo RGB (255,255,255) e pelo nome pr-definido da cor (yellow). bgcolor define a cor de fundo a ser aplicada em toda a pgina. Os seus valores so os mesmos que o atributo text. background especifica a URL para um arquivo de imagem a ser utilizada como fundo da pgina. link especifica a cor de todos os links activos na pgina. Os seus valores so os mesmos do atributo bgcolor. Por padro a cor do link azul. alink especifica a cor dos links quando accionados. Por padro a cor do link vermelho. Os seus valores so os mesmos que a tag link. vlink define a cor de todos os links na pgina que j foram visitados. Por padro a cor do link previamente visitado roxo. Os seus valores so os mesmos que a tag alink.
Formatao de texto Ttulos e Subttulos (Headings) A tag h vem do ingls header e significa cabealho. Normalmente utilizada para ttulos e subttulos de uma pgina. O HTML possui seis nveis de cabealhos (headings), numeradas de 1 a 6, sendo o nmero 1 o de maior destaque e o 6 de menor destaque. No existe uma tag especfica que formata um subttulo, porm, este colocado numa ordem decrescente. O seu atributo align. Eis a sintaxe bsica: <hn align="valor"> contedo </hn>
23
onde: n varia de 1 a 6. align especifica o alinhamento do texto. Os seus valores so: center (centralizado), justify (justificado), left (esquerda) e right (direita).
A tag h adiciona automaticamente uma linha em branco imediatamente antes do ttulo.
Pargrafos A tag p vem do ingls paragraph e significa pargrafo. Esta tag define um pargrafo de texto na pgina. Ao contrrio dos editores de texto comum, nos quais insere-se um pargrafo toda vez que se pressiona a tecla enter, em HTML necessrio colocar uma tag especifica para que o navegador entenda que se quer comear um novo pargrafo.
Os pargrafos so definidos pela tag <p>, esta tag cria uma linha em branco entre cada pargrafo. O seu atributo align que assume os seguintes: center (centralizado), justify (justificado), left (esquerda) e right (direita).
Quebra de linha A tag br vem do ingls break row e significa quebra de linha. Quando o navegador encontra esta tag dentro do cdigo da pgina, ele introduz uma quebra de linha no texto criando uma mudana de linhas sem acrescentar espao extra entre as linhas. uma tag sem fechamento, isto , no necessrio adicionar uma tag de fechamento.
Texto sublinhado A tag u vem do ingls underline e significa sublinhar. Porm, o contedo definido entre as tags de abertura e fechamento ser apresentado com uma linha horizontal abaixo do texto. Texto em itlico A tag i vem do ingls italic e significa itlico. Portanto, o texto inserido entre as tags de abertura e fechamento ser apresentado em itlico pelo navegador.
24
Texto enfatizado A tag em vem do ingls emphasis e significa nfase. O contedo contido entre as tags de abertura e fechamento apresentar um texto enfatizado (semelhante tag i). Texto em negrito A tag b vem do ingls bold e significa negrito. O texto inserido entre as tags de abertura e fechamento apresentado em negrito pelo navegador.
Texto tachado (riscado) A tag s vem do ingls strike e significa tachar (riscar). O contedo definido entre as tags de abertura e fechamento ser apresentado com uma linha horizontal cortando o texto ao meio. Pode-se tambm obter a mesma formatao utilizando a tag strike. Texto maior A tag big vem do ingls big e significa grande. O texto inserido entre as tags de abertura e fechamento ser apresentado com uma fonte maior do que a utilizada no restante do documento HTML.
Texto forte A tag strong vem do ingls strong e significa forte. Portanto, o texto inserido entre as tags de abertura e fechamento ser apresentado com uma fonte forte do que a utilizada no restante do pargrafo. Texto menor A tag small vem do ingls small e significa pequeno. O texto inserido entre as tags de abertura e fechamento ser apresentado com uma fonte menor do que a utilizada no restante do documento HTML. Texto estilo teltipo A tag tt vem do ingls teletype e significa teltipo ou texto com espaamento nico, isto , cria um mono espaamento tipo mquina de escrever.
25
Texto subscrito A tag sub vem do ingls subscript e significa subscrito. O texto colocado entre as tags de abertura e fechamento ser mostrado em subscrito na pgina. Texto superscrito A tag sup vem do ingls superscript e significa superscrito. Portanto, o texto colocado entre as tags de abertura e fechamento ser apresentado em superscrito na pgina.
Texto inserido A tag ins vem do ingls insert e significa inserido. Esta tag semelhante a tag u, e todo o texto entre as tags de abertura e fechamento ser apresentado sublinhado. Texto pr-formatado A tag pre vem do ingls preformated text e significa texto pr-formatado. No entanto todo texto colocado entre as tags de abertura e fechamento ser apresentado com a mesma formatao em que ele foi inserido no bloco de notas.
Texto removido A tag del vem do ingls delete e significa apagar. Esta tag utilizada para identificar um texto que tenha sido deletado na pgina, e todo o texto entre as tags de abertura e fechamento ser apresentado com uma linha horizontal cruzando o texto (tachado). A tag del semelhante a tag s e strike. Fonte do texto A tag font vem do ingls font e significa fonte. um dos recursos de tratamento do texto mais interessantes da linguagem HTML, pois possibilita alterar o tamanho, a cor e o tipo de fonte do texto utilizado. Esta tag do tipo liga-desliga. Os seus atributos so: color, face e size. color especifica a cor do texto. Os seus valores so: nome da cor, cdigo hexadecimal e cdigo RGB. face permite que seja escolhida uma fonte diferente para o texto. Pode-se especificar vrias fontes, de maneira que, se o sistema no possuir a primeira opo, a segunda carregada. Se no for encontrada nenhuma das fontes especificadas, o texto ser exibido na fonte padro.
26
size especifica o tamanho da fonte com um valor numrico de 1 a 7. Portanto, o de menor destaque 1 e o de maior 7. O padro da fonte 3, caso seja especificado um nmero antecedido pelo sinal de adio (+) ou de subtraco (-), o tamanho da fonte actual ser aumentada ou diminuda nesse valor. Container genrico em bloco A tag div vem do ingls division e significa diviso. Esta tag define um bloco ou container na pgina, permitindo que folhas de estilo em cascata (CSS) sejam aplicadas a todas as tags contidas entre as tags de abertura e fechamento da tag div. considerado um elemento de bloco, ou seja, haver uma quebra de linha antes e aps o bloco. O seu atributo align. align especifica o alinhamento do bloco. Os seus valores so: center (o texto ser centralizado), justify (o texto ser alinhado esquerda e direita), left (o texto ser alinhado esquerda) e right (o texto ser alinhado direita). Container genrico em linha A tag span vem do ingls span e significa extenso. Esta tag define um container genrico em linha para a aplicao de folhas de estilo (CSS) ou definio de idioma. De referir, que este um elemento em linha, ou seja, no ir causar uma quebra de linha no texto.
Tags de citaes curtas (citations), citaes longas (quotations) e definio Abreviao A tag abbr vem do ingls abbreviation e significa abreviao. O uso desta tag permite que os navegadores identifiquem correctamente as abreviaes no corpo da pgina, o atributo da tag abbr o title para que quando o cursor do mouse seja posicionado em cima da abreviao, o significado completo do texto abreviado seja mostrado na forma de uma caixa de texto rectangular. Acronym A tag acronym vem do ingls acronym e significa acrnimo ou sigla. O atributo title utilizado para que quando o cursor do mouse seja posicionado em cima do acrnimo ou sigla, o significado completo da mesma seja mostrado na forma de uma caixa de texto rectangular.
27
Informaes de contacto do Autor A tag address vem do ingls address e significa endereo. Os navegadores iro mostrar o endereo com texto em itlico. Citao A tag q vem do ingls quotation e significa citao. O texto entre as tags de abertura e fechamento identificado pelos navegadores como uma citao que facilita a sua interpretao. Diferentemente das tags cite (que apresenta o texto em itlico) e blockquote (que indenta o texto para a direita). Nesta ordem, o texto contido na tag q no possui uma formatao especial, no entanto, por definio o texto deve ser precedido e terminado com aspas.
A tag cite vem do ingls citation e significa citao, diferentemente da tag blockquote a tag cite no causa nenhuma indentao no texto. Citao longa A tag blockquote vem do ingls block quote e significa bloco de citao. O texto inserido entre as tags de abertura e fechamento ser apresentado com uma indentao para a direita e com espaos direita do texto. Termo de definio A tag dfn vem do ingls definition e significa definio. Os navegadores geralmente apresentam o texto entre as tags de abertura e fechamento em itlico. Direco do texto A tag bdo vem do ingls bidirectional direction output e significa direco de impresso bidireccional, qualquer texto inserido entre as tags de abertura e fechamento ser apresentado de acordo com a direco definida no atributo dir (direco), ou seja, da esquerda para a direita, ou da direita para a esquerda. O seu atributo dir. dir define a direco do texto. Os seus valores so: ltr2 (formata o texto da esquerda para a direita) e rtl3 (formata da direita para a esquerda).
2 3
ltr (Left to the Right) rtl (Right to the Left)

28
Linha horizontal A tag hr vem do ingls horizontal row e significa linha horizontal. Esta tag um elemento de bloco, ou seja, haver uma quebra de linha acima e abaixo da linha horizontal. Os seus atributos so: align, noshade, size, width, color. align especifica o alinhamento da linha horizontal ou barra. Os seus valores so: center (centralizado), left (esquerda) e right (direita). noshade se este atributo e valor forem especificados, a linha sera desenhada com uma cor slida. O seu valor noshade. size especifica a espessura da barra ou linha horizontal. Os seus valores so: pixels e %. width especifica a largura da linha horizontal ou barra. Os seus valores so: pixels e %. color define a cord a linha horizontal ou barra. Seus valores so: nome da cor, cdigo hexadecimal e cdigo RGB.
Multimdia Imagem A tag img vem do ingls image e significa imagem. Esta tag permite que uma imagem seja apresentada na pgina e no possui uma tag de fechamento. Os seus atributos so: src, align, border, height (altura), width (largura), vspace, hspace, longdesc, alt. src (source) este atributo obrigatrio, porque indica a localizao da imagem, ou seja, define o caminho relativo ao arquivo onde se localiza a imagem. O seu valor URL. align especifica o alinhamento da imagem em relao ao texto ao redor. Caso haja algum texto ao redor da imagem, ele ser acomodado ao redor de acordo com o alinhamento. Seus valores so: bottom (em baixo), top (em cima), left (esquerda), right (direita) e middle (no meio). border especifica a espessura da borda ao redor da imagem. O seu valor em pixels, caso este valor zero, nenhuma borda ser colocada.
29
height especifica a altura da imagem. Se a altura da imagem for diferente do valor especificado, a imagem ser redimensionada de acordo com o valor especificado. Os seus valores podem ser em pixels e %. width - especifica a largura da imagem. Se a largura da imagem for diferente do valor especificado, a imagem ser redimensionada de acordo com o valor especificado. Os seus valores podem ser em pixels e %. vspace especifica um espaamento acima e abaixo da imagem. O seu valor em pixels. hspace determina o afastamento esquerda e direita. O seu valor em pixels. longdesc especifica o caminho para uma pgina contend mais informaes sobre a imagem. Seu valor URL. alt este atributo importantssimo no mbito da acessibilidade, o valor deste atributo deve incluir uma descrio da imagem, pode-se usar tambm o atributo title.
udio Alm de imagens tambm existe a possibilidade de colocar um som de fundo, a tag bgsound a responsvel pela insero do som de fundo. Os seus atributos so: src e loop. src (source) indica qual o arquivo de udio a ser reproduzido. Podem ser utilizados os formatos (.wav, .au, .mp3, entre outros). o seu valor a URL do recurso. loop indica quantas vezes o som ser repetido. O valor default 1, portanto, quando se especificar o valor (-1) ou infinite, o som ir repetir infinitamente. Vdeo Para alm de se poder colocar um som de fundo, pode-se controlar tambm por meio de um reprodutor de som, a tag responsvel a tag embed. Esta permite vincular arquivos de qualquer tipo, pr-registados no sistema dentro de uma pgina HTML. A tag embed permite inserir objectos como flash, documentos (pdf, word, power point, entre outros), vdeos, sons, entre outros. Os seus atributos so: src, autostart e hidden.
30
src (source) indica a localizao do recurso a ser incorporado. O seu valor URL do recurso. autostart o parmetro autostart indica se o ficheiro deve ser iniciado automaticamente ou no. Os seus valores so: true ou false. hidden indica se o controle do ficheiro deve estar escondido ou no. Este ficar escondido se o valor for true ou ficar mostra se for false.
Animao Um texto e/ou uma imagem pode entrar na pgina e percorre-la da direita para a esquerda ou em sentido contrrio, como um letreiro. Isso obtido usando-se a tag marquee.
A tag marquee admite atributos de direco, velocidade, largura, efeitos as quais possibilitam vrias formas de apresentao. No s, pode-se aplicar cores, negrito, itlico e alterar a fonte e o seu tamanho normalmente. Os seus atributos so: width, height, bgcolor, scrollamount, scrolldellay, align, behavior, loop, direction, hspace e vspace. width define a largura da marquee. Os seus valores so: % e pixels. height define a altura da marquee. Os seus valores so: % e pixels. bgcolor define a cor de fundo da rea da marquee. Os seus valores so: nome da cor, cdigo hexadecimal e cdigo RGB. scrollamount indica o nmero de pixels de deslocamento do texto entre cada quadro de animao da marquee. O seu valor dado em nmeros inteiros. scrolldelay indica o nmero de milissegundos transcorridos entre cada quadro de animao da marquee. O seu valor dado em nmeros inteiros. align define o comportamento da marquee em relao ao texto e/ou imagem a seu lado. Os seus valores so: top (em cima), middle (no meio) e down (em baixo).
31
behavior indica o comportamento da marquee. Os seus valores so: scroll (este o valor padro da tag marquee), slide (movimenta da direita para a esquerda e para) e alternate (faz com que o texto movimente-se da direita para esquerda e vice-versa). loop indica quantas vezes desejamos executar a tag marquee, isto , especifica o nmero de rotaes que a marquee deve executar. O seu valor qualquer nmero inteiro, porm, se for indicado o valor (-1) ou infinite, a marquee ir percorrer infinitamente. direction especifica a direco da marquee. Os seus valores so: right (movimenta da esquerda para direita), left (movimenta da direita para esquerda), up (movimenta de baixo para cima) e down (movimenta de cima para baixo). hspace especifica a quantidade de espao deixado em branco aos lados da marquee.
vspace - especifica a quantidade de espao deixado em branco acima e abaixo da marquee.
Listas Lista ordenada A tag ol vem do ingls ordered list e significa lista ordenada. Esta tag define uma lista ordenada, onde cada elemento da lista apresentado em uma ordem crescente ou decrescente e prdeterminada. A lista pode ser ordenada por nmeros, letras ou algarismos romanos (minsculos ou maisculos). Os atributos da tag ol so: start e type. start especifica o valor inicial dos elementos da lista. Se os marcadores da lista forem letras, este nmero representa a posio da letra inicial no alfabeto. O seu valor dado por nmeros inteiros. type especifica o tipo e o marcador a ser utilizado na lista. Os seus valores so: A, a, I, i, 1.
Lista no numerada A tag ul vem do ingls unordered list e significa lista no ordenada. Esta tag define uma lista no ordenada, onde cada elemento da lista apresentado com um marcador ou smbolo indicativo da hierarquia dentro da lista. O seu valor type.
32
type especifica o marcador a ser utilizado na lista. Os seus valores so: disc (sero marcadas com um disco preenchido), square (sero marcados com um quadrado) e circle (sero marcadas com um crculo). Item de lista A tag li vem do ingls list item e significa item de lista. Esta tag define um elemento em uma lista ordenada (ol) e lista no ordenada (ul), e portanto somente pode existir dentro do contexto destes tipos de listas.
Todo o texto definido entre as tags de abertura e fechamento ser considerado como parte de um nico item da lista. de referir que cada item de uma lista pode ser aninhada 4. Para isso a nova lista deve ser definida dentro do contexto de uma tag li. Os seus atributos so: type e value. type especifica o tipo e o marcador a ser utilizado na lista. Os seus valores so: A (letras do alfabeto em maisculo), a (letras do alfabeto em minsculo), I (algarismos romanos em maisculo), i (algarismos romanos em minsculo), 1 (nmeros) para listas ordenadas, e, disc (disco ou crculo preenchido), square (quadrado), circle (crculo) para listas no ordenadas. value especifica o nmero do item em uma lista ordenada. O seu valor dado em nmero inteiro. Lista de definio A tag dl vem do ingls definition list e significa lista de definio. A lista de definio diferente das demais listas, pois cada item da lista possui dois elementos: um termo e uma descrio do termo.
Termo de definio A tag dt vem do ingls definition term e significa termo de definio. Esta tag somente pode existir dentro do contexto de uma lista de definio.
O termo aninhar (aninhada) significa (i) pr ou recolher em ninho; (ii) acolher, abrigar, agasalhar. Portanto, o termo aninhar (e suas derivaes) utilizado na programao web para indicar que um elemento ser definido dentro de outro elemento.
33
Descrio de definio A tag dd vem do ingls definition description e significa descrio de definio. Esta tag somente pode existir dentro do contexto de um termo de definio. Lista intercalada Tambm conhecida como lista encadeada, para este tipo de lista no existe uma tag especfica para sua formatao. Este estilo resultante da intercalao ou encadeamento dos demais estilos de listas disponveis, ou seja, so utilizadas para melhor organizar as estruturas dos itens, podendo criar hierarquias, unindo listas numeradas (ordenadas) com listas no numeradas (no ordenadas).
ncora ou link A tag a vem do ingls anchor e significa ncora. Esta tag define uma ncora ou um link na pgina. Portanto, permite ao utilizador seleccionar links e navegar para outras pginas na Internet.
Os hiperlinks ou links, no qual atravs da simplicidade de acesso a outros documentos interligados por estas marcaes, originou-se o conceito de hipertextos, responsvel por este fenmeno to atractivo que se tornou a Internet. A tag a tem como atributos: href, name, target, accesskey e title. href o atributo href abreviao para hypertext reference (referncia a hipertextos), especifica o caminho e/ou destino do link. O seu valor URL. name especifica um nome nico para a ncora. Este atributo utilizado para criar um link interno dentro do mesmo documento. O seu valor o nome que se d a ncora. target define onde abrir a URL alvo. Os seus valores so: _blank (faz com que a URL alvo abra em uma nova janela do navegador), _parent (a URL alvo abre no frame pai do frame em que foi clicada), _self (a URL abre no mesmo frame em que foi clicada) e _top (a URL alvo abre no topo do corpo da pgina actual, sobrepondo qualquer frame na pgina).
34
accesskey este atributo utilizado para atribuir uma tecla de atalho ao link. A tecla de atalho dever ser composta por um caracter alfanumrico e este, ao ser combinado com a tecla alt durante a navegao, focalizar directamente o link correspondente, indiferentemente da posio actual do cursor dentro da pgina activa. title este atributo apresentar uma descrio alternativa para o link, no instante em que este receber o foco do cursor. Esta descrio aparecer dentro de uma caixa de texto e caso o utilizador esteja utilizando um programa leito de telas para navegar por esta pgina, esta descrio lhe ser falada.
Links internos Os links internos so aqueles que apontam a um lugar diferente dentro da mesma pgina. Estes links oferecem aos utilizadores a possibilidade de aceder rapidamente ao incio e ao final da pgina, ou tambm a diferentes pargrafos ou seces. Para a insero deste link deve se ter um segundo link que ser o destino, ou seja, devem-se criar dois links, um para origem e outro para o destino. Eis a sintaxe:
<a href="#nome"> texto do link </a>

link de origem e deve especificar o destino
<a name="nome"></a>
link de destino, e o processo quase o mesmo, apenas deve-se substituir href por name e omitir #.
Link externo Para interagir documentos em outros directrios necessrio apenas indicar o caminho completo da localizao do mesmo. Para criar um link para qualquer endereo localizado na Internet utiliza-se a URL alvo. Eis a sintaxe:
<a href="http://www.brunogamito.com"> contedo </a> <a href="ftp://brunogamito.com/web.pdf"> contedo </a>
Link para download provvel que, depois de criar pginas, queira se colocar arquivos para que os utilizadores faam download em sua pgina web, portanto, este um recurso bem fcil e simples, isto , no existe um comando especfico que faa o download. O que acontece que, sempre que
35
aparece um tipo de arquivo que o navegador no reconhece, ele automaticamente inicia o download. Link para envio de correio electrnico (e-mail) possvel colocar links para envio de e-mails em pginas web, ao clicar sobre o link de e-mail, abrir o programa de envio de e-mail. Eis a sintaxe:
<a href="mailto:brunogamito.08@gmail.com"> contedo </a>
Molduras (frame) A palavra frame significa moldura e exactamente o que se cria com a utilizao deste recurso. Em outras palavras, as frames so divises lgicas da tela que o navegador visualiza, tornando possvel ver mais do que uma pgina web ao mesmo tempo. Trata-se de uma inovao introduzida com o Netscape 2.0 e que hoje usada universalmente em toda Internet. Uma forma muito simples de construir uma pgina web recorrendo aos frames pensar em cada uma das divises da tela como um documento independente, correspondente a um ficheiro HTML distinto. De referir que os frames so simultaneamente um elemento de estruturao e de navegao.
Ao contrrio da maioria dos recursos da linguagem HTML, o uso de frames requer um planeamento prvio. Esse planeamento consiste na criao da estrutura dos frames, na qual se ir especificar a quantidade de frames, a disposio que tero na tela, a largura e altura de cada frame, assim como o contedo que ser exibido em cada um deles. Salientando que trabalhar com frames exige duas etapas, na primeira cria-se o layout dos frames, e na segunda, define-se o seu contedo.
Portanto, a tag responsvel pela definio do contedo, ou seja, que define a pgina web a ser carregada em uma diviso a tag frame, e esta tag deve ser inserida entre as tags de abertura e fechamento da tag frameset.
Os atributos da tag frame so: frameborder, marginheight, marginwidth, name, src (source), noresize, scrolling, border e bordercolor.
36
frameborder especifica se uma borda deve ser colocada ao redor da frame ou no. Os seus valores so: 0 (zero) no coloca borda e 1 (um) coloca borda. marginheight especifica a margem superior e inferior da frame. Seu valor dado em pixels. marginwidth especifica a margem esquerda e direita da frame. Seu valor dado em pixels. name especifica um nome nico para a frame, permitindo que estes sejam identificados por scripts. Este atributo muito til ao se utilizar links e definido no atributo target da tag a. src (source) especifica a URL de uma pgina que ser mostrada pelo navegador dentro da respectiva frame. noresize quando este atributo for especificado, o utilizador no ter a opo de redimensionar a frame. O seu valor noresize. scrolling especifica se uma barra ser colocada na frame, caso o contedo deste exceda as dimenses do mesmo no navegador. Os seus valores so: yes (coloca a barra de rolagem), no (no coloca a barra de rolagem) e auto (a barra de rolagem surge automaticamente). border fornece a opo de exibir ou no uma borda para uma frame. bordercolor permite especificar a cor da borda da janela do navegador. Os seus valores so: nome da cor, cdigo hexadecimal e cdigo RGB.
Frameset A tag Frameset define o contexto e formato na qual frames (subjanelas) sero criadas dentro de uma pgina de Internet. Esta tag opera em conjunto com a tag frame na definio e especificao de frames.
Por definio, pginas contendo as tags frameset e frame no podem conter as tags de abertura e fechamento da body.
Os seus atributos so: cols, rows, bordercolor, border, frameborder e framespacing.

37
cols especifica uma lista de larguras separadas por vrgula para cada uma das colunas contendo frames (subjanelas). Cada frame pode ter uma largura diferente. Os seus valores podem ser dados em pixels (o que pouco aconselhvel por causa das variaes de resoluo), % (percentagem), * ((asterisco) representa o restante da pgina). rows especifica uma lista de alturas separadas por vrgula para cada uma das linhas contendo frames (subjanelas). Cada frame pode ter uma largura diferente. Os seus valores podem ser dados em pixels (o que pouco aconselhvel por causa das variaes de resoluo), % (percentagem), * ((asterisco) representa o restante da pgina). bordercolor especifica a cor da borda. Os seus valores so: nome da cor, cdigo hexadecimal e cdigo RGB. border especifica a espessura da borda. O seu valor dado por nmeros inteiros.
frameborder - define se h bordas entre as frames. Se for especificado 0 = NO (zero) no apresenta bordas e 1 = YES (um) as bordas sero colocadas. framespacing define o espaamento entre as frames. O seu valor dado por nmeros inteiros.
Tabelas As tabelas so dos elementos mais complexos de formatar. Porm, sem elas, uma boa estruturao do layout virtualmente impossvel. Pois parte da sua complexidade advm das fuses entre as clulas, que num programa de processamento de texto se processa de forma inteiramente visual e que em HTML no passa sem ser especificada em cdigo.
A tag responsvel pela formatao de uma tabela a tag table. Os seus atributos so: align, bgcolor, border, cellpadding, cellspacing, height, width, frame, rules, background, title. align especifica o alinhamento da tabela em relao ao bloco em que ela est contida. Os seus valores so: center (centraliza), left (esquerda) e right (direita).
38
bgcolor especifica uma cor de fundo para a tabela. Pode-se utilizar a combinao de nmeros hexadecimais no formato RGB onde cada componente dado pelo seu equivalente em hexadecimal, ou pelo nome pr-definido da cor. border especifica a espessura da borda da tabela em pixels. Se este valor for 0 (zero) a tabela no ter bordas. cellpadding especifica o espaamento entre a borda interna e o contedo da clula. Os seus valores so dados em pixels e %. cellspacing especifica o espaamento entre clulas da tabela. Os seus valores so dados em % e pixels. frame especifica qual lado da borda externa da tabela ser visvel. Os seus valores so: above (apenas a parte de cima), below (apenas a parte de baixo), border (todos os quatro lados), box (todos os quatro lados), hsides (apenas a parte de cima e a parte de baixo), lhs (apenas o lado esquerdo), rhs (apenas o lado direito), void (nenhum dos lados (valor padro) e vsides (apenas os lados esquerdo e direito). rules especifica como as bordas internas da tabela devem ser apresentadas. Os seus valores so: all (as bordas sero mostradas entre todas as linhas e colunas), cols (as bordas sero mostradas apenas entre colunas), groups (as bordas sero mostradas apenas entre grupos de linhas e grupos de colunas), none (nenhuma borda interna ser apresentada) e rows (as bordas sero mostradas apenas entre linhas). height define a altura da tabela. Os seus valores so dados em % e pixels. width especifica a largura da tabela. Os seus valores so dados em % e pixels. background define a imagem de fundo da tabela. O seu valor dado pela URL da imagem. title define um titulo para a tabela. O seu valor dado por string.
39
As tabelas so compostas obrigatoriamente por um conjunto de clulas, estruturadas em linhas e colunas. A indicao de clula dada com a tag td (table data (dados da tabela)). A especificao das linhas feita atravs da tag tr (table rows (linha da tabela)), enquanto que a de colunas no feita directamente, mas atravs das clulas das linhas. Linha da tabela A tag tr vem do ingls table row e significa linha da tabela, esta tag somente pode existir dentro do contexto de uma tabela definida pela tag table. Os seus atributos so: align, valign, bgcolor, title. align especifica o alinhamento do texto dentro das clulas da linha na tabela. Os seus valores so: center (centralizado), justify (justificado esquerda e direita), left (esquerda) e direita (alinhado direita). valign especifica o alinhamento vertical do texto contido nas clulas definidas na linha da tabela. Os seus valores so: baseline (texto alinhado de acordo com a primeira linha da primeira clula), bottom (em baixo), middle (no meio) e top (em cima). bgcolor especifica a cor de fundo de toda linha da tabela. Os seus valores so: cdigo hexadecimal, cdigo RGB e nome da cor. title especifica um ttulo para a linha da tabela.
Dados da tabela (Clula) A tag td vem do ingls table data e significa dados da tabela, esta tag define uma clula na tabela. O contedo entre as tags de abertura e fechamento ser apresentado em uma clula da tabela. Os seus atributos so: align, valign, bgcolor, abbr, colspan, rowspan, height, nowrap, width. align especifica o alinhamento do texto dentro da clula. Os seus valores so: center (centraliza), justify (justificado esquerda e direita), left (alinhado esquerda) e right (alinhado direita).
40
valign especifica o alinhamento vertical do texto contido na clula. Os seus valores so: baseline (texto alinhado de acordo com a primeira linha da primeira clula), bottom (em baixo), middle (no meio) e top (em cima). bgcolor especifica a cor de fundo da clula. Os seus valores so: nome da cor, cdigo hexadecimal e cdigo RGB. abbr especifica uma verso abreviada do contedo da clula. Este atributo usado para agregar valor ao contedo. colspan especifica o nmero de colunas abrangidas pela clula. O valor padro 1, se o valor for 0 (zero) isto indica que a clula abrange todas as colunas restantes da tabela. Este atributo permite um efeito similar ao de mesclar mltiplas clulas em diferentes colunas em uma. rowspan - Especifica o nmero de linhas abrangidas pela clula. O valor padro 1, se o valor for 0 (zero) isto indica que a clula abrange todas as linhas restantes da tabela. height especifica a altura da clula. Os seus valores so dados em pixels e %. nowrap se este atributo estiver presente, o texto na clula no ser quebrado em mltiplas linhas caso este exceda o tamanho da clula. width especifica a largura da clula. Os seus valores so dados em pixels e %.
Cabealho da clula Numa tabela, cada linha contm uma sequncia de clulas. Cada clula pode ser uma clula de cabealho (o elemento th (table header)) ou uma clula de dado (o elemento td (table date)).
A tag th insere um cabealho dentro da clula. Vale ressaltar que a diferena entre a tag th e a tag td que a tag th exibe o contedo da clula em negrito. Os seus valores so: bgcolor, align (alinhamento horizontal), valign (alinhamento vertical), width, height, colspan e rowspan.
41
bgcolor define a cor de fundo da clula. Os seus valores so: nome da cor, cdigo hexadecimal e cdigo RGB. align especifica o alinhamento horizontal do contedo da clula. Os seus valores so: left ( esquerda), center (no centro) e right ( direita). valign define o alinhamento vertical do contedo da clula. Os seus valores so: top (no topo), center (no centro) e bottom (na base). width especifica a largura de clula. Os seus valores so: nmero (define a largura absoluta (em pontos) ou a largura relativa ao tamanho da tabela (em percentagem)). height especifica a altura de clula. Os seus valores so: nmero define a altura absoluta (em pontos) ou em relao altura da tabela (em percentagem)). colspan expande a clula para ocupar um nmero de clulas direita de sua coluna. O seu valor dado por um nmero inteiro. rowspan expande a clula para ocupar um nmero de clulas abaixo de sua linha. O seu valor dado por um nmero inteiro. Legenda da tabela O elemento caption possibilita a construo de um ttulo ou de uma legenda para a tabela. Quando presente, deve fornecer uma breve descrio da natureza da tabela. Esta tag usada em associao com tabelas e deve ser inserida imediatamente aps a tag table, e somente uma legenda pode ser especificada por tabela e por padro a legenda aparecer centralizada logo acima da tabela. O seu atributo align. align define o alinhamento e onde a legenda deve ser posicionada em relao a tabela. Os seus valores so: bottom (na base (legenda da tabela)), left ( esquerda), right ( direita) e top (no topo (ttulo da tabela)).
42
Formulrios Existem vrios elementos em HTML para apresentar informaes para utilizadores. Portanto, os formulrios objectivam o contrrio, eles objectivam obter informaes deste utilizador. A tag form vem do ingls form e significa formulrio. A tag form especifica a URL para a qual os dados colectados sero direccionados, e de qual forma sero enviados para o servidor. Um formulrio no pode ser especificado dentro do contexto de outro (aninhado), e, quando o formulrio submetido, o navegador direccionado para a pgina especificada na URL do atributo action. Os seus atributos so: action, name, method, target, enctype. action especifica a pgina ou programa para a qual sero enviados os dados colectados no formulrio. O seu valor dado pela URL. name especifica um identificador nico para este formulrio. Este atributo til para scripts e folhas de estilos em cascata. Seu valor dado pelo nome do formulrio. method especifica o mtodo HTTP em que os dados do formulrio devem ser submetidos. O valor padro get. Os seus valores so: get (no mtodo get, os dados so submetidos como parte da URL. Uma interrogao ? ser adicionada ao fim da URL especificada no atributo action e os nomes e valores de cada um dos controles no formulrio sero passados) e post (no mtodo post, os dados so submetidos como parte da requisio HTTP enviada ao servidor. No h um limite definido para a quantidade de dados que podem ser passados atravs do mtodo post. target especifica onde a pgina com os resultados deve ser aberta. Os seus valores so: _blank (a URL alvo abre em uma nova janela do navegador, _self (a URL alvo abre no mesmo frame em que foi clicada), _parent (a URL alvo abre no frame pai do frame em que foi clicada) e _top (a URL alvo abre no topo do corpo da pgina actual, sobrepondo qualquer frame na pgina). enctype especifica o tipo MIME que ser usado para codificar os dados submetidos pelo formulrio. Alguns exemplos do tipo MIME so: text/html, text/plain, text/css entre outros.
43
controles Um formulrio pode conter todos os outros elementos (texto, tabela, imagem, etc.) e mais alguns outros elementos especiais denominados controles. Atravs dos controles, o utilizador pode escolher opes, digitar textos, etc.
no contedo do elemento FORM que so inseridos os controles, entre outros elementos da linguagem HTML. Cada controle deve ter um nome nico dentro do formulrio.
rea de texto Uma rea de texto, construda com o elemento textarea, possibilita a entrada de mltiplas linhas de texto. Os seus valores so: rows, cols e name. rows especifica o nmero de linhas visveis deste controle (indirectamente define a altura do controle). O seu valor dado por nmeros inteiros. cols especifica o nmero de caracteres visveis por linha (indirectamente define a largura do controle). O seu valor dado por nmero inteiro. name define o nome do controle. Este atributo ser associado entrada de dados pelo utilizador.
O contedo que estiver contido entre as tags de abertura e fechamento, utilizado para definir o texto inicial que ser apresentado dentro deste controle. Para que a rea de texto no seja editvel e/ou seleccionvel preciso usar readonly.
Entrada de dados (input) A este elemento correspondem outras formas de introduo de dados, tais como: linhas nicas de texto, botes, caixas seleccionveis, etc. Esta tag a mais usada em um formulrio, e atravs dela que se inserem os dados. Os seus atributos so: type ( um dos principais atributos da tag input) pois determina o campo de entrada de dados, name (este associa o valor da entrada do elemento). type especifica o tipo de controle. Os seus valores so: text, password, radio, reset, submit, button, checkbox, image, hidden e file.
44
text especifica o campo de insero de uma linha de texto, ou seja, um campo onde o utilizador poder entrar com dados. Os seus atributos so: size, maxlength, value e name. O atributo size (tamanho visvel do campo, em nmero de caracteres), o seu valor dado por um nmero inteiro, maxlength (delimita o nmero de caracteres mximo admitido), o seu valor dado por um nmero inteiro, value (acrescenta uma descrio na caixa de texto) e name (atribui o nome, este atributo importante para validao dos campos). password campo idntico a text, mas orientado para a insero de senhas. Os caracteres inseridos so substitudos por asteriscos como forma de segurana. Os seus atributos so: name, size, value, maxlength. radio (boto de opo) possibilita a construo de um grupo de opes exclusivas, somente uma opo pode ser escolhida dentro do grupo. Num nico grupo de opo preciso que todos os botes utilizem o mesmo nome. Cada boto de opo deve especificar um valor distinto para o atributo value (este atributo que ir permitir a identificao da opo selecionada dentro do grupo). Os seus atributos so: name (define o nome do controle, num grupo todos os botes de opo devem possuir o mesmo nome) seu valor dado por um texto, value (valor associado ao controle, este atributo necessrio para identificar a escolha do utilizador dentro do grupo) e seu valor dado por texto e checked (o boto de opo, inicia-se marcado). reset utilizado para reiniciar os valores de todos os controles do formulrio. Os seus atributos so: name (define o nome do controle) seu valor dado por texto e value (texto que ser visualizado dentro do boto) o seu valor dado por texto. submit utilizado para enviar os dados do formulrio para um programa que ir processar estes dados. Os seus atributos so: name (nome do controle) e value (texto dentro do boto). button este boto genrico de aco, idntico de resto aos dois botes (submit e reset). O seu atributo value. checkbox possibilita a construo de uma relao de itens a serem marcados de forma no exclusiva, isto , seleccionar um item no impede seleccionar outro item tambm. Cada item deste tipo de lista construdo com um controle (checkbox). Cada caixa de checagem deve
45
possuir um nome distinto mesmo fazendo parte de uma mesma lista de checagem. Os seus atributos so: name (nome do controle), value (desnecessrio) e checked (a caixa de checagem inicia-se marcada). image boto de aco onde uma imagem substitui o boto normal. Os seus atributos so: src (source), name, alt. O atributo src o principal cujo valor define a localizao da imagem a utilizar, name define o nome que se pretende atribuir e o alt define o texto que ser mostrado quando o mouse passar pela imagem. De resto funciona como a tag img no que se refere a atributos de alinhamento (align), dimenso (width/height) e contorno (border).
hidden - O valor hidden no atributo type define dados que devem ser passados ao programa interpretador, embora no estejam visveis na pgina, geralmente os valores destes campos so atribudos no momento em que est sendo feita a consistncia dos dados no formulrio via uma linguagem de scripts. Tem como atributos name que identifica o dado, e value que define o valor que deve ser passado.
file - Este tipo de campo utilizado para a seleco de arquivos no computador. Tem como atributo name.
Seleco (select) A tag select permite ao utilizador seleccionar entre um conjunto predeterminado de escolhas, quer seja num menu, quer numa caixa de opes. Os seus atributos so: name, size, multiple. name nome que designa o elemento. size este parmetro determina o nmero de escolhas a mostrar, ou seja, nmero de linhas visveis (define o tipo e o tamanho vertical do menu). O seu valor dado por nmero inteiro. multiple no caso de este parmetro ser definido, so permitidas escolhas mltiplas. Normalmente, somente um item pode ser escolhido.
Existem dois tipos de menus: menu suspenso e menu de rolagem. No menu suspenso somente a primeira opo visualizada e o menu desenhado com um boto contendo uma seta, somente quando o utilizador clica no menu que a lista completa de opes apresentada.
46
Este tipo de menu construdo quando o atributo size no especificado, ou quando seu valor igual a 1.
No menu de rolagem, apresentada uma caixa contendo a lista completa de opes. Este tipo de menu construdo quando o valor do atributo size maior do que 1. O atributo size determina o nmero de linhas que sero visualizadas no menu.
Opo (option) Cada opo do menu construda com o elemento option. Em todo elemento option deve ser especificado o atributo value para que seja possvel identificar a escolha do utilizador dentro do menu. O atributo name no especificado. Se em algum elemento option o atributo selected estiver especificado, ento o menu apresentar inicialmente esta opo j selecionada. Grupo de opes (optgroup) A tag optgroup vem do ingls option group e significa grupo de opes. Esta tag define um grupo de opes em um controle do tipo caixa de seleco onde utilizadores podem seleccionar um ou mais valores em uma lista.
A tag deve ser utilizada no contexto de um formulrio definido pela tag form e da definio de uma caixa de seleco dada pela tag select.
Os elementos da caixa de seleco definidos atravs da tag option sero agrupados se colocados entre as tags de abertura e fechamento da optgroup. O grupo de opes oferece uma forma de melhor categorizar as opes na caixa de seleco. O seu atributo : label e disabled. label especifica um ttulo para o grupo de seleco no controle de caixa de seleco. O valor especificado na label no poder ser selecionado pelo utilizador e sua apresentao pelo navegador em negrito. As opes de seleco sero indentadas em relao ao ttulo. O seu valor dado por texto. disabled se este atributo for especificado, todas as opes do grupo sero desabilitadas.
47
Boto A tag button vem do ingls button e significa boto. Esta tag oferece uma alternativa para a criao de botes diferente do obtido com a tag input. O texto e a imagem contidos entre as tags de abertura e fechamento da tag button ser mostrado no interior do boto.
Os seus atributos so: disabled, value, type e name. disabled este atributo faz com que o boto seja desabilitado, ou seja, o utilizador no poder seleccionar o boto. value especifica o valor do boto a ser passado para o servidor quando o formulrio for submetido. type define o tipo de boto. Os seus valores so: button (identifica este como um boto simples), reset (se o boto for definido dentro de um formulrio, ir limpar os campos do formulrio) e submit (este o valor padro, se o boto for definido em um formulrio, ir submeter o formulrio ao servidor). name especifica um nome nico para o boto, este ser o nome da varivel passada para o servidor quando o boto for seleccionado.
Caminhos e URL Os caminhos das pginas sempre sero definidos por URL (Uniform Resource Locators). Estes caminhos podem ser completos utilizando desde seu recurso at o nome do servidor ou servio.
Os recursos mais comuns so: http:// (pgina da Internet que usa o protocolo de hipertexto), https:// (pgina da Internet que usa protocolo de hipertexto seguro, como por exemplo SSL), mailto:// (endereo para enviar correio electrnico) e ftp:// (endereo para transferncia de ficheiros) entre outros. Caminhos relativos raiz Os caminhos relativos raiz sempre iniciam com barra / e so simplesmente a URL escrita sem a parte inicial do domnio.
48
Caminhos relativos ao documento Os caminhos relativos ao documento so baseados em nveis de directrio, ou seja, os caminhos relativos ao documento sempre comeam sem barra /. Em caminhos relativos ao documento, utiliza-se ponto-ponto-barra ../ para indicar que se deve voltar um nvel na hierarquia de directrios.
Abaixo, seguem alguns exemplos elaborados com base na figura que iro elucidar a questo relativa a especificao do caminho de acesso a ficheiros. Pois ser muito til entender perfeitamente como se especifica um caminho, para melhor enquadrar nos atributos href, background e src.
49

Unidade III

Diunggah oleh

Informasi Dokumen

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Unidade III

Diunggah oleh

Hak Cipta:

Format Tersedia

Unidade III: Tags HTML

Unidade III: Tags HTML

Unidade III: Tags HTML

Unidade III: Tags HTML

Unidade III: Tags HTML

Unidade III: Tags HTML

A tag h adiciona automaticamente uma linha em branco imediatamente antes do ttulo.

Unidade III: Tags HTML

Unidade III: Tags HTML

Unidade III: Tags HTML

Unidade III: Tags HTML

ltr (Left to the Right) rtl (Right to the Left)

Unidade III: Tags HTML

Unidade III: Tags HTML

Unidade III: Tags HTML

Unidade III: Tags HTML

vspace - especifica a quantidade de espao deixado em branco acima e abaixo da marquee.

Unidade III: Tags HTML

Unidade III: Tags HTML

Unidade III: Tags HTML

<a href="#nome"> texto do link </a>

<a href="http://www.brunogamito.com"> contedo </a> <a href="ftp://brunogamito.com/web.pdf"> contedo </a>

Unidade III: Tags HTML

<a href="mailto:brunogamito.08@gmail.com"> contedo </a>

Unidade III: Tags HTML

Os seus atributos so: cols, rows, bordercolor, border, frameborder e framespacing.

Unidade III: Tags HTML

Unidade III: Tags HTML

Unidade III: Tags HTML

Unidade III: Tags HTML

Unidade III: Tags HTML

Unidade III: Tags HTML

Unidade III: Tags HTML

Unidade III: Tags HTML

Unidade III: Tags HTML

Unidade III: Tags HTML

Unidade III: Tags HTML

Unidade III: Tags HTML

Anda mungkin juga menyukai