Informática, Programación
Como inserir unha hiperligazón HTML? Creación e uso de hyperlinks nun HTML
Hipertexto é un texto que contén ligazóns a outro texto. Exemplos diso son as notas do autor sobre definicións complexas ou notas ao pé de páxina de tradución no fondo das páxinas do libro, se é atopado o texto dunha lingua estranxeira. sitios de Internet son un complexo sistema de hipertexto salta dunha páxina a outra dentro da propia páxina, pero tamén entre os recursos dun único temático non relacionados. Tal estrutura é práctico, aforrar moito tempo, permite que o visitante a atopar rapidamente a información que precisa, e non se perder en un gran número de transicións.
inserir hyperlink
HTML para inserir hipervínculos usando descriptor (tags), que é inserida no lugar seguro. Normalmente, é un entre o texto como un hyperlink en si é unha estrutura de texto. Pero as conexións son máis gráficos (iconas, botóns, imaxes); deles será discutido máis adiante. A súa situación nunha páxina web non está limitado ao texto, pero depende do lugar decisor deseño.
Este é un exemplo de como inserir unha hiperligazón para HTML-documento que é transportada por tag. Os visitantes do sitio vai ver texto subliñado que é diferente da cor do texto circundante (HTML-ligazóns de cores pode ser calquera cousa) "á páxina de inicio de Google", premendo sobre iso, el se ve á páxina de inicio, "Google" buscador. Nótese que o texto do hyperlink debe conter información sobre onde a transición será realizada. Este principio debe ser seguido e levado como regra!
estrutura tag ...
Pode notar que marca - Dobres: necesario tag de peche .
href - atributo tag especifica o destino dun enlace.
https://google.com/ - valor do atributo, introduza o URL-dirección dun recurso en que para facer a transición. É comiñas dobres ou individuais. Depende da estrutura do tag de nidificación das normas HTML.
Toda a estrutura é un elemento dun documento web.
Baixo as regras do HTML, algúns elementos poden conter outros elementos. Tag excepción. Se o programador precisa para destacar en negriña a palabra Google, fai isto usando a etiqueta de acordo coas regras xerais de formato de texto na secuencia de etiquetas noutras citas. Webmaster debe saber como crear un hyperlink nun libre de erros de HTML, se non non vai funcionar. Ligazóns crebadas a gíria informático chamado "batido".
Aquí: o elemento
Contén aniñada
Agora, a páxina que un visitante ve o hyperlink no texto en negra a palabra "Google".
hiperlinks absolutos
Hiperlinks que usan os URL-enderezos absolutos de sitios que conteñen nomes de dominio (.ru, .com, .org, .gov ), chamada absoluta, e ten a seguinte sintaxe:
Protocolo: // nome de dominio / camiño do ficheiro
Exemplo enderezo xeneralizada en América buscador: https://aol.com - absoluta, xa que contén o nome de dominio .com.
hiperlinks absolutos son utilizados para navegar para as páxinas de outros sitios ou para acceder recursos situados noutro servidor. A transición é executada por medio do protocolo de Internet. Protocolos - este non é o tema deste artigo, pero como eles participan na creación hyperlinks, ten que, polo menos, menciona-los brevemente:
- HTTP e HTTPS - o máis común; para eles para cambiar entre as páxinas web de sitios diferentes;
- FTP - un protocolo para cargar arquivos ao servidor ou o usuario baixa do lugar;
- mailto - Protocolo de correo que envía correo electrónico directamente do sitio web, sen ir ao correo electrónico persoal.
Hai algúns relatos de propósito especial (Gopher, telnet), é moi raro, cuxa utilización require coñecementos especiais na administración de programación ou sistema.
hiperlinks relativos
Co enderezo relativo, o uso de hipervínculos en HTML usado para transicións na vida e non conduce máis alá dela. Se a páxina é tan grande que corre barra de desprazamento vertical, ás veces moi longa, como nun dicionario, é moi cómodo e axeitado usar ligazóns relativos a ir á letra desexada.
Creación dicionario en liña, un programador no inicio da páxina ten o alfabeto, e se non é para o uso dos enlaces, o usuario tería moito tempo para xirar a roda do rato para chegar a letra "I".
Para crear unha ligazón relativa usando o nome do atributo tag:
onde xa chamada referencia, mentres Voltar á letra I - Referencia de destino. Para a exhibición correcta de áncoras se recomenda o uso de letras e números, non escriba "I", aínda que sería comprensible.
Agora que a transición do alfabeto no inicio da páxina para a letra "I", é necesario facer o pino referencia no HTML-documento, que comeza coa letra "I":
diante da referencia está signo número, sen o cal a transición á carta non vai funcionar.
enderezamento relativo ao construír un sitio
Conveniente eo algoritmo máis común para a creación dun sitio web de software:
- Crear un cartafol no seu ordenador e súa situación no lugar para o barrio de acceso rápido;
- creando index.html no cartafol de inicio;
- a creación da páxina web secundario (index.html / page2);
- Crear un cartafol e poñelas nos arquivos de imaxe;
- Crear un cartafol e poñelas de outros obxectos (arquivos para descargar, por exemplo);
- recheo do contido do sitio web;
- poñer o sitio en hospedaxe de arquivos.
Necesariamente ten que ser usado para enlaces de comunicación entre os elementos da páxina, e será moi útil para saber como introducir un hyperlink en HTML a outra páxina do mesmo sitio. Se o sitio residen no mesmo directorio no mesmo servidor, non hai necesidade de usar enderezo absoluto. Ao transferir ficheiros para o sitio web que aloxa a conexión entre obxectos permanecen, porque están hospedando e serán colocados no mesmo directorio.
Supoñamos que un programador creou unha web index.html páxina principal, que ten unha ligazón a outra páxina page2.html, decorado cunha img.png imaxe. A continuación, o camiño relativo á imaxe quedará así:
Consello: o estudo deste tema é mellor usar un editor de texto simple para a razón que é necesario para adquirir coñecementos en grafia correcta de enderezos de transición, e aprender a entender o código de outra persoa. Nesta fase será un bo resultado sen un hyperlink nun caderno escrito de erros, HTML non perdoa-lles, e dá un erro.
Métodos clic sobre unha ligazón
Por defecto, unha nova páxina ábrese na ventá do navegador actual cando un usuario fai clic na ligazón. Pero un programador web pode cambiar o patrón e forzar abrir a páxina, por exemplo, nunha nova ventá. Para este efecto, hai un atributo de destino cun certo o seu valor. En ningún lugar é posible expresar a mesa.
| _blank | abre a páxina nunha nova fiestra do navegador |
| _self | abre a páxina en (configuración por defecto) fiestra actual |
| _parent | abre a páxina no cadro pai |
| _top | usando marcos cancelar todos e abre a páxina na fiestra do navegador actual |
A sintaxe para aplicar atributos destino:
Home "Google" abrirase nunha ventá nova.
NOTA: Para abrir a páxina nunha nova pestana, non hai ningún valor para este atributo, e é definido polo usuario na configuración do navegador.
A cor de hyperlinks
Un usuario experimentado Internet ao longo do tempo, debe ter notado que os hiperlinks son diferentes na cor do texto ao redor, e son xeralmente azul. Ligazóns na que pasou, e despois volveu á páxina anterior, son lilás. Usando os hiperlinks en HTML en cores non estándar un pouco, pero aloca web entre outros.
Configura a cor dos enlaces na etiqueta
usando os atributos e os seus valores, que serve de cor HTML no sistema RGB (# 00FF00) ou unha indicación directa do nome da cor ( «verde»). Existen tres tipos de atributos para enlaces:- Ligazón - define a cor dos enlaces non visitados;
- vlink - especifica a cor dos enlaces a través do cal o usuario xa pasaron;
- ALINK - especifica a cor da ligazón ao pasar a unha páxina diferente. É rápido, de xeito que non sempre pode incorporarse este efecto.
Exemplo cita:
Se aplicar estes atributos na etiqueta
, a referencia do documento web será azul escuro, o visitou - vermello e activo - vermello-alaranxado.hyperlinks gráficos
Progreso e desenvolvemento web deseño que saber como inserir unha hiperligazón no HTML como unha imaxe. Está claro que a imaxe debe corresponder aos contidos da páxina de destino. Por exemplo, a páxina principal das plantas medicinais poden ser presentados en forma de fotos de plantas, premendo no cal o usuario vai a unha páxina que describe as propiedades medicinais das plantas.
Amplamente xeito usado para substituír botóns estáticos () para os fermosos gráficos creados por un estudio de web no editor gráfico (GIMP, Photoshop).
Para inserir unha gráfica como hiperlinks en páxinas web utiliza a mesma sintaxe, pero en vez de texto mediante unha etiqueta de imaxe, inserindo as normas de HTML:
Pola etiqueta igual atributos aplicables especificar unha alternativa de texto, ancho, alto e outros.
As chamadas de web
estándar HTML5 ampliou a funcionalidade do uso de Internet, e agora pode facer chamadas non só dende o teléfono, pero directamente do sitio web. Para iso, tamén se pode usar hyperlinks nun documento HTML, e eles teñen a seguinte sintaxe:
En vez da palabra "festa" é prescrito contacto chamador intuitiva na axenda. Tamén pode poñer un arquivo gráfico (user photo).
Que as chamadas foron feitas para o sitio, ten que ter non só unha referencia ao número de teléfono do asinante, pero tamén un auricular (micrófono, auriculares) instalado no seu VoIP-programa de ordenador, velocidade Internet debe superar 0,5 MB / seg. O pago para chamadas feitas fluxo de tráfico. Polo tanto, se a Internet é ilimitado, as chamadas son gratuítas.
Ética crear hipervínculos
Ao poñer o sitio en Internet, o webmaster debe saber que tipo existen enlaces en HTML, e non só o dereito de usalos profesional, senón tamén respectar as seguintes disposicións:
- O hiperenlace debe ser facilmente visible, diferente do seu texto circundante. O usuario debe saber que é - un hyperlink.
- O usuario debe estar claro para onde vai estar facendo clic na ligazón. Para iso, é aconsellable o uso de máis Título atributo, que describe brevemente a páxina de conversión. Sintaxe de atributo aplicación é:
- O usuario ten que obter información precisa sobre o ficheiro descargado cando fai clic na ligazón.
Xa que non é a páxina esperada ou baixando o arquivo mal, o usuario é de 99% do inmediatamente deixar o lugar e nunca sobre el non foi para abaixo no futuro.
Anti-SEO para crear hipervínculos
Ademais do lado técnico da cuestión de como inserir unha hiperligazón HTML, débese destacar máis e moral aspecto. Hai moitos sitios cuxo acceso está bloqueado usuarios para o software de seguridade (antivirus), ou mesmo o estado. Estes son os sitios que foron creados na man programadores web imundo.
Un dos trucos que recorren - é introducir o hyperlink "invisible" nunha páxina web. Scammers saben como crear unha ligazón no HTML, e usar o atributo subliñado para eliminar ligazóns e asignar-lle a cor do texto ao redor para que o usuario medio non vela. E coa axuda de outras ferramentas de tecnoloxías web (CSS, JavaScript, PHP) pode ser programado o seu comportamento. Por exemplo, evento de idioma OnMouseOver JavaScript activa o efecto dos elementos da páxina web. Cando o usuario mantén o cursor unha ligazón invisible, recibe nas páxinas de publicidade de outros sitios. Ou, peor aínda, cando hai unha conexión invisible para un ficheiro no seu ordenador e comeza a descargar e instalar software innecesarios. Tipicamente, un virus que cambiou inicio do navegador, lixo do disco duro e outros programas de masa.
Logo estes sitios caer na "lista negra" da base de datos de virus, seguridade e medio ambiente dos usuarios de Internet. Estes sitios non duran moito tempo, e eles teñen que cambiar os seus nomes para migrar incesantemente en Internet, cambiando o proveedor de hospedaxe. Esta non é propicio para a promoción dun sitio web, para que busca sempre o seu creador, nunca facelo megaportals, como, por exemplo, as redes sociais. Entre outras cousas, estes trucos causar moitas emocións negativas en vítimas destas accións humanas.
Similar articles
Trending Now