73 pág.
Denunciar
Pré-visualização | Página 6 de 17
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 eJovem 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 eJovem 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 á á Á Á ã ã à à â â   à à À À é é É É ê ê Ê Ê í í Í Í ó ó Ó Ó õ õ Õ Õ ô ô Ô Ô ú ú Ú Ú ü ü Ü Ü ç ç Ç Ç 1.13.2. Caracteres Especiais “ e ” aspas duplas “ e ” ♠ espadas ♠ ‘ e ’ aspas simples ‘ e ’ ♣ paus ♣ ‹ e › aspas angulares simples ‹ e › º ordenal masculino º « e » aspas angulares duplas « e » ª ordinal feminino ª espaço – travessão ‘en’ – & e comercial & —travessão ‘em’ — > maior que > hífen oculto ­ < menor que < ˉ macron ¯ ˆ acento circunflexo ˆ …reticências … ˜ acento til ˜ ¦ barra vertical ¦ ¨ acento trema ¨ • marcador (bullet) • ´ acento agudo &cute; ¶ parágrafo ¶ ¸ cedilha ¸ ♥ copas ♥ " aspas duplas " ♦ ouros ♦ § parágrafo legal § Projeto eJovem Módulo II: HTML 24 1.13.3. Caracteres Comerciais © copyright © ¢ centavo ¢ ® marca registrada ® € euro € ™ trade mark ™ ¥ iene (yen) ¥ £ libra esterlina £ ¤ símbolo monetário ¤ 1.13.4. Caracteres Matemáticos e Lógicos ¹ elevado a um ¹ ± mais ou menos ± ² ao quadrado ² − sinal de subtração − ³ ao cubo ³ × sinal de multiplicação × ½ um meio ½ ÷ sinal de divisão ÷ ¼ um quarto ¼ ∗ Asterisco ∗ ¾ três quartos ¾ ∕ barra de fração ⁄ > maior que > ‰ pormil ‰ < menor que < ∫ sinal de integral ∫ ∑ somatório ∑ ≠ Diferente ≠ ∏ PI ∏ ≤ menor ou igual ≤ √ raiz quadrada √ ≥ maior ou igual ≥ ∞ infinito ∞ ∴ consequentemente ∴ ≈ quase igual ≈ ⋅ Ponto ⋅ ≅ Aprox. igual ≅ ∙ ponto do meio · ∝ proporcional ∝ ∂ diferença parcial ∂ ≡ idêntico ≡ ℑ parte imaginária do númeroℑ ℜ parte real do número ℜ ″ segundo ″ ′ minuto ′ ° grau ° ∠ Ângulo ∠ ∈ elemento de/pertence a ∈ ⊥ perpendicular ⊥ ∉ nã é elemento de ∉ ∇ Nabla ∇ ∩ Interseção ∩ ⊕ soma direta ⊕ ∪ União ∪ ⊗ produto de vetor ⊗ ⊂ subconjunto de ⊂ ℵ Alef ℵ ⊃ superconjunto de ⊃ ø produto vazio ø ⊆ subconjunto de ou igual a ⊆ Ø produto vazio Ø ⊇ superconjunto de ou igual a ⊇ ∃ existe ∃ ↑ e ↓ setas simples ↑ e ↓ ∀ qualquer ∀ ↔ seta simples ↔ ∅ vazio ∅ ⇐ e ⇒ setas duplas ⇐ e &hrrr; ¬ não lógico ¬ ⇑ e ⇓ setas duplas ⇑ e ⇓ ∧ e lógico ∧ ⇔ seta dupla ⇔ ∨ ou lógico ∨ ⌈ e ⌉ teto (esquerdo e direito) ⌈ e ⌉ Projeto eJovem Módulo II: HTML 25 ↵ retorno de carro ↵ ⌊ e ⌋ piso (esquerdo e direito) ⌊ e ⌋ ← e → setas simples ← e → ◊ losango ◊ 1.13.5. Outros Acentos e Caracteres Especiais ñ ñ Ñ Ñ ¡ ¡ ¿ ¿ ä ä Ä Ä å å Å Å ë ë Ë Ë è ` È È ï ï Ï Ï ì ì Ì Ì î î Î Î ò ò Ò Ò ö ö Ö Ö û û Û Û ù ù Ù Ù ÿ ÿ Ÿ Ÿ ý ý Ý Ý œ œ Œ Œ æ æ Æ Æ š š Š Š † † ‡ ‡ ð ð Ð Ð þ þ Þ Þ ß ß µ µ § § ƒ ƒ 1.13.6. Caracteres Gregos α α Α Α β β Β Β δ δ Δ Δ ε ε Ε Ε η η Η Η θ θ Θ Θ κ κ Κ Κ λ λ Λ Λ ν ν Ν Ν ξ ξ Ξ Ξ π π Π Π ρ ρ Ρ Ρ ς ς τ τ Τ Τ υ υ Φ Φ χ χ Χ Χ ψ ψ Ω Ω ϑ ϑ ϒ ϒ ϖ ϖ γ γ Γ Γ ο ο Ο Ο ζ ζ Ζ Ζ σ σ Σ Σ ι ι Ι Ι Υ Υ φ φ μ μ Μ Μ Ψ Ψ ω ω Projeto eJovem