Apostila_HTML_CSS_E-Jovem 11
73 pág.

Apostila_HTML_CSS_E-Jovem 11

Disciplina:Análise Textual7.870 materiais279.829 seguidores
Pré-visualização17 páginas
ligação hipertexto do documento, 
sendo apresentado para o documento de destino.

Atributos

A TAG <A> tem vários atributos que são utilizados de acordo com a ação associada ao link. 
Os mais usados são apresentados a seguir:

HREF Indica o arquivo de destino da ligação de hipertexto.

TARGET Indica o frame em que será carregado o arquivo_destino. Maiores detalhes na 
seção sobre frames.

NAME
Marca um indicador, isto é, uma região de um documento como destino de 
uma ligação.

Projeto e­Jovem ­ Módulo II: HTML 22

1.12.1.  Caminhos (uso de Links)
Os links podem estar indicados como caminhos relativos ou absolutos.

1.12.2.  Caminho Relativo
O caminho relativo pode ser usado sempre que queremos fazer referência a um documento 
armazenado no mesmo servidor do documento atual.

Através   do   campo   de   endereços   do   browser,   é   possível   identificar   se   um   documento 
(página) que está   sendo visualizado está  dentro de algum diretório (pasta).  Como, por 
exemplo, se estivermos em um browser acessando a página da FACCAT e vemos o seguinte 
endereço:   http://www.faccat.br/apostilas/apostila_de_informatica.html.   O   que   podemos 
concluir   é   que   o   documento   que   está   sendo   visualizado   no   momento,   chamado 
apostila_de_informatica.html,   está   localizado   dentro   de   um   diretório   (pasta)   chamado 
apostilas do servidor www.faccat.br.

Então, para escrevermos um link deste documento (apostila_de_informatica.html) para um 
documento chamado (doc.html), que está localizado no diretório /apostilas/documentos/, 
do mesmo servidor (www.faccat.br), tudo que precisamos fazer é escrever:

<A HREF="documentos/doc.html"> Exemplo de Caminho Relativo </A>

Para   usar   links   com   caminhos   relativos   é   preciso,   portanto,   conhecer   a   estrutura   do 
diretório do servidor no qual estamos trabalhando, pois devemos indicar todo o caminho 
onde está o documento a que estamos nos referindo no link. Quando há alguma dúvida, o 
melhor é usar o caminho absoluto.

1.12.3.  Caminho Absoluto
Utilizamos o caminho absoluto quando desejamos referenciar um documento que esteja em 
outro servidor, por exemplo:

<A HREF="http://www.faccat.br"> FACCAT ­ Faculdades de Taquara </A>

Que oferece um link FACCAT ­ Faculdades de Taquara que ao ser clicado com o mouse 
abrirá a página, cujo endereço é: http://www.faccat.br.

Com a mesma sintaxe, é possível escrever links para qualquer servidor de informações da 
Internet.

1.12.4.  Indicadores (uso de Links)
Como foi dito anteriormente, o atributo NAME permite indicar um trecho de documento 
como ponto de chegada de uma ligação hipertexto.

A formatação:

<A NAME="inicio"> Indicadores (uso de links) </A> faz com que a âncora Indicadores 
(uso de links) seja o destino de um link.

Se escrevermos:

<A HREF="#inicio"> Topo do Documento </A> , teremos uma ligação hipertexto para 
um trecho deste mesmo documento.

Projeto e­Jovem ­ Módulo II: HTML 23

Exercício 8: 
Vamos   agora   treinar   os   indicadores.   Vamos   fazer   uma   página   sobre   as   ferramentas 
estudadas até aqui.   Ou seja, elabore um pequeno texto sobre: Inkscape, Gimp, BrOffice. 
Faça no início da página um link para cada um dos conteúdos. E em cada conteúdo, dê a 
opção para ir ao topo. Veja como vai funcionar isso. Salve como “Ferramentas_Livres”

Exercício 9:
Agora, vamos criar links entre suas páginas criadas. Crie uma página chamada “index.html” 
com os links de todas as páginas criadas até agora. Se preferir (o que é importante), em 
cada página crie os mesmos links para o acesso mais rápido.

1.13.  Lista de caracteres

HTML permite  que  caracteres  especiais   sejam representados  por   sequências  de  escape, 
indicadas por três partes: um & inicial, um número ou cadeia de caracteres correspondente 
ao caractere desejado, e um ; final. 

Quatro caracteres ASCII ­ <, >, e & têm significados especiais em HTML, e são usados 
dentro de documentos, seguindo a correspondência: 

1.13.1.  Caracteres Acentuados no Português e especiais
á &aacute; Á &Aacute; ã &atilde; Ã &Atilde;
â &acirc; Â &Acirc; à &agrave; À &Agrave;
é &eacute; É &Eacute; ê &ecirc; Ê &Ecirc;
í &iacute; Í &Iacute; ó &oacute; Ó &Oacute;
õ &otilde; Õ &Otilde; ô &ocirc; Ô &Ocirc;
ú &uacute; Ú &Uacute; ü &uuml; Ü &Uuml;
ç &ccedil; Ç &Ccedil;

1.13.2.  Caracteres Especiais

“ e ” aspas duplas &ldquo; e &rdquo; ♠ espadas &spades;
‘ e ’ aspas simples  &lsquo; e &rsquo; ♣ paus &clubs;
‹ e › aspas angulares simples  &lsaquo; e &rsaquo; º ordenal masculino &ordm;
« e » aspas angulares duplas &laquo; e &raquo; ª ordinal feminino &ordf;
  espaço &nbsp; – travessão ‘en’ &ndash;
& e comercial &amp; —travessão ‘em’ &mdash;
> maior que &gt; hífen oculto &shy;
< menor que &lt; ˉ macron &macr;
ˆ acento circunflexo &circ; …reticências &hellip;
˜ acento til &tilde; ¦ barra vertical &brvbar;
¨ acento trema &uml; • marcador (bullet) &bull;
´ acento agudo &cute; ¶ parágrafo &para;
¸ cedilha &cedil; ♥ copas &hearts;
" aspas duplas &quot; ♦ ouros &diams;
§ parágrafo legal &sect;

Projeto e­Jovem ­ Módulo II: HTML 24

1.13.3.  Caracteres Comerciais

© copyright &copy; ¢ centavo &cent;
® marca registrada &reg € euro &euro;
™ trade mark &trade; ¥ iene (yen) &yen;
£ libra esterlina &pound; ¤ símbolo monetário &curren;

1.13.4.  Caracteres Matemáticos e Lógicos

¹ elevado a um &sup1; ± mais ou menos &plusmn;
² ao quadrado &sup2; − sinal de subtração &minus;
³ ao cubo &sup3; × sinal de multiplicação &times;
½ um meio &frac12; ÷ sinal de divisão &divide;
¼ um quarto &frac14; ∗ Asterisco &lowast;
¾ três quartos &frac34;  ∕ barra de fração &frasl;
> maior que &gt; ‰ por­mil &permil;
< menor que &lt; ∫ sinal de integral &int;
∑ somatório &sum; ≠ Diferente &ne;
∏ PI &prod; ≤ menor ou igual &le;
√ raiz quadrada &radic; ≥ maior ou igual &ge;
∞ infinito &infin; ∴ consequentemente &there4;
≈ quase igual &asymp; ⋅ Ponto &sdot;
≅ Aprox. igual &cong; ∙ ponto do meio &middot;
∝ proporcional &prop; ∂ diferença parcial &part;
≡ idêntico &equiv; ℑ parte imaginária do número&image;
ℜ parte real do número &real; ″ segundo &Prime;
′ minuto &prime; ° grau &deg;
∠ Ângulo &ang; ∈ elemento de/pertence a &isin;
⊥ perpendicular &perp; ∉ nã é elemento de &notin;
∇ Nabla &nabla; ∩ Interseção &cap;
⊕ soma direta &oplus; ∪ União &cup;
⊗ produto de vetor &otimes; ⊂ subconjunto de &sub;
ℵ Alef &alefsym; ⊃ superconjunto de &sup;
ø produto vazio &oslash; ⊆ subconjunto de ou igual a &sube;
Ø produto vazio &Oslash; ⊇ superconjunto de ou igual a &supe;
∃ existe &exist;  ↑ e ↓ setas simples &uarr; e &darr;
∀ qualquer &forall; ↔ seta simples &harr;
∅ vazio &empty; ⇐ e ⇒ setas duplas &lArr; e &hrrr;

¬ não lógico &not; ⇑ e ⇓ setas duplas &uArr; e &dArr;
∧ e lógico &and; ⇔ seta dupla &hArr;
∨ ou lógico &or; ⌈ e ⌉ teto (esquerdo e direito) &lceil; e &rceil;

Projeto e­Jovem ­ Módulo II: HTML 25

↵ retorno de carro &crarr; ⌊ e ⌋ piso (esquerdo e direito) &lfloor; e &rfloor;

 ← e → setas simples &larr; e 
&rarr;

◊ losango &loz;

1.13.5.  Outros Acentos e Caracteres Especiais

ñ &ntilde; Ñ &Ntilde; ¡ &iexcl; ¿ &iquest;
ä &auml; Ä &Auml; å &aring; Å &Aring;
ë &euml; Ë &Euml; è &grave; È &Egrave;
ï &iuml; Ï &Iuml; ì &igrave; Ì &Igrave;
î &icirc; Î &Icirc; ò &ograve; Ò &Ograve;
ö &ouml; Ö &Ouml; û &ucirc; Û &Ucirc;
ù &ugrave; Ù &Ugrave; ÿ &yuml; Ÿ &Yuml;
ý &yacute; Ý &Yacute; œ &oelig; Œ &OElig;
æ &aelig; Æ &AElig; š &scaron; Š &Scaron;
† &dagger; ‡ &Dagger; ð &eth; Ð &ETH;
þ &thorn; Þ &THORN; ß &szlig; µ &micro;
§ &sect; ƒ &fnof;

1.13.6.  Caracteres Gregos

α &alpha; Α &Alpha; β &beta; Β &Beta;
δ &delta; Δ &Delta; ε &epsilon; Ε &Epsilon;
η &eta; Η &Eta; θ &theta; Θ &Theta;
κ &kappa; Κ &Kappa; λ &lambda; Λ &Lambda;
ν &nu; Ν &Nu; ξ &xi; Ξ &Xi;
π &pi; Π &Pi; ρ &rho; Ρ &Rho;
ς &sigmaf; τ &tau; Τ &Tau; υ &upsilon;
Φ &Phi; χ &chi; Χ &Chi; ψ &psi;
Ω &Omega; ϑ &thetasym; ϒ &upsih; ϖ &piv;
γ &gamma; Γ &Gamma; ο &omicron; Ο &Omicron;
ζ &zeta; Ζ &Zeta; σ &sigma; Σ &Sigma;
ι &iota; Ι &Iota; Υ &Upsilon; φ &phi;
μ &mu; Μ &Mu; Ψ &Psi; ω &omega;

Projeto e­Jovem