Ordinadors, Programació
Com inserir un enllaç en HTML? Creació i ús d'hipervincles en un arxiu HTML
L'hipertext és un text que conté enllaços a altres textos. Exemples d'això són les notes de l'autor sobre les definicions complexes o notes al peu de traducció a la part inferior de les pàgines del llibre, si es troba text en una llengua estrangera. llocs d'Internet són un complex sistema d'hipertext salta d'una pàgina a una altra dins de la pàgina en si, sinó també entre els recursos no relacionats amb temes individuals. Tal estructura és pràctic, estalvia molt de temps, permet al visitant a trobar ràpidament la informació que necessita, i no perdre en un gran nombre de transicions.
inserir enllaç
En HTML per inserir enllaços utilitzant el descriptor (tag), que s'insereix en el lloc correcte. En general, es tracta d'una entre el text com un hipervincle en si mateix és una estructura de text. No obstant això, els enllaços són més gràfics (icones, botons, imatges); d'ells es discutirà més. La seva ubicació en una pàgina web no es limita al text, sinó que depèn del lloc que pren les decisions de disseny.
Aquest és un exemple de com inserir un hipervincle a HTML-document que és portat per etiqueta. Els visitants del lloc podran veure el text subratllat que és diferent del color del text adjacent (el color HTML enllaços poden ser qualsevol cosa), "la pàgina principal de Google", fent clic en això, s'arriba a la pàgina d'inici, cercador "Google". Cal assenyalar que el text de l'enllaç ha de contenir informació sobre on la transició es durà a terme. Aquest principi ha de ser seguit i es pren com una regla!
estructura d'etiquetes ...
Vostè pot notar que l'etiqueta - dobles: etiqueta de tancament requerida .
href - atribut d'etiqueta especifica el destí d'un enllaç.
https://google.com/ - valor d'atribut, inclogui la URL-direcció d'un recurs en què per fer la transició. És cometes simples o dobles. Depèn de l'estructura de l'etiqueta de nidificació de les regles HTML.
tota l'estructura és un element d'un document web.
Sota les regles de HTML, alguns elements poden contenir altres elements. Etiqueta no és una excepció. Si el programador ha de ressaltar en negreta la paraula Google, això es fa mitjançant l'ús de l'etiqueta d'acord amb les regles generals de format de text en la seqüència d'etiquetes niades. Webmaster ha de saber com crear un hipervincle en un lliure d'errors d'HTML, en cas contrari no funcionarà. Els enllaços trencats a argot informàtic anomenat "colpejats".
Aquí: l'element
conté niada
Ara, la pàgina que l'usuari veu el hipervincle en el text en negreta la paraula "Google".
hipervincles absoluts
Els hipervincles que utilitzen els URL absolutes adreces de llocs que contenen els noms de domini (.ru, .com, .org, .gov ), anomenada absoluta, i tenen la següent sintaxi:
Protocol: // nom de domini / ruta de l'arxiu
Exemple direcció estesa a Amèrica del cercador: https://aol.com - absoluta, ja que conté el nom de domini .com.
hipervincles absoluts s'utilitzen per navegar per les pàgines d'altres llocs o accedir a recursos situats en un altre servidor. La transició es realitza mitjançant el protocol d'Internet. Protocols - aquest no és el tema d'aquest article, però a mesura que participen en la creació d'hipervincles, ha almenys esmentar breument:
- HTTP i HTTPS - el més comú; per a ells per canviar entre les pàgines web de diferents llocs;
- ftp - un protocol per pujar arxius al servidor o l'usuari descàrrega des del lloc;
- mailto - protocol de correu que s'envia per correu electrònic directament des del lloc, sense haver d'anar a l'adreça de correu personal.
Hi ha alguns informes d'ús especial (Gopher, Telnet), és bastant rar, l'ús requereix coneixements especials de programació o sistema d'administració.
hipervincles relatius
Amb l'adreçament relatiu, l'ús d'hipervincles en l'HTML que s'utilitza per a les transicions a la vida i no condueix més enllà d'ella. Si la pàgina és tan gran que s'executa barra de desplaçament vertical, de vegades molt llarg, com en un diccionari, és molt convenient i apropiat usar enllaços relatius a saltar a la lletra desitjada.
La creació de diccionari en línia, un programador al principi de la pàgina té l'alfabet, i si no fos per l'ús dels enllaços, l'usuari hauria tingut un temps molt llarg per girar la roda del ratolí per arribar a la lletra "I".
Per crear un enllaç relativa usant l'etiqueta del nom de l'atribut :
on ja es diu àncora, mentre Tornar a la lletra I - destinació d'ancoratge. Per a la correcta visualització dels ancoratges es recomana utilitzar lletres i números, així que no escriu "I", tot i que hauria estat comprensible.
Ara que la transició de l'alfabet al principi de la pàgina a la lletra "I", cal fer que la clavilla d'ancoratge en el document HTML, que comença amb la lletra "I":
davant de l'ancoratge es troba signe de nombre, sense la qual la transició a la carta no funcionarà.
adreçament relatiu en construir un lloc web
Convenient i l'algoritme més comú per a la creació d'un lloc de programari:
- Crear una carpeta del seu ordinador i la seva ubicació en el lloc per a la comoditat d'accés ràpid;
- la creació d'index.html a la carpeta de la pàgina principal;
- la creació de la pàgina web secundària (index.html / pàgina 2);
- Crear una carpeta i col·locar-la en els arxius d'imatge;
- Crear una carpeta i col·locar-la altres objectes (arxius per descarregar, per exemple);
- ompliment del contingut del lloc;
- col·locar el lloc a l'allotjament d'arxius.
Necessàriament ha de ser utilitzat per a enllaços de comunicació entre els elements del lloc, i serà molt útil saber com inserir un enllaç en el codi HTML a una altra pàgina del mateix lloc. Si el lloc resideixen al mateix directori en el mateix servidor, no hi ha necessitat d'usar adreçament absolut. En transferir arxius al lloc d'allotjament de la relació entre els objectes romandre, ja que estan rebent i es col·locarà en el mateix directori.
Suposem que un programador ha creat un lloc index.html pàgina d'inici, que té un vincle a una altra pàgina page2.html, decorat amb una img.png imatge. A continuació, la ruta relativa a la imatge es veurà així:
Consell: en l'estudi d'aquest tema és millor fer servir un simple editor de text per la raó que és necessari per adquirir el domini de l'ortografia correcta de les direccions de transició, i aprendre a entendre el codi d'una altra persona. En aquesta etapa serà un bon resultat sense errors per escrit en un enllaç en un quadern, HTML no perdona ells, i dóna un error.
Mètodes clic a un enllaç
Per defecte, una nova pàgina s'indica a la finestra actual del navegador quan un usuari fa clic al hipervincle. No obstant això, un programador web pot canviar el valor per omissió i forçar l'obertura de la pàgina, per exemple, en una nova finestra. Per a aquesta fi hi ha un atribut de destinació amb un cert valor. Enlloc és possible expressar la taula.
| _blank | obre la pàgina en una finestra del navegador |
| _self | obre la pàgina al (valor per defecte) finestra actual |
| _parent | obre la pàgina en el marc dels pares |
| _top | l'ús de marcs a tots cancel·lar i s'obre la pàgina a la finestra del navegador actual |
La sintaxi per aplicar atributs objectiu:
Inici "Google" s'obrirà en una nova finestra.
Nota: per obrir la pàgina en una nova pestanya, no hi ha cap valor per a aquest atribut, i s'estableix per l'usuari en la configuració del navegador.
El color dels hipervincles
Un usuari experimentat d'Internet amb el temps, hauria d'haver adonat que els hipervincles són diferents en el color del text circumdant, i són generalment de color blau. Enllaços en què passava, i després va tornar a la pàgina anterior, són de color lila. L'ús dels hipervincles en l'HTML en colors no estàndard una mica, però assigna lloc entre d'altres.
Estableix el color dels enllaços a l'etiqueta
utilitzant els atributs i els seus valors, que serveix de color HTML en el sistema RGB (# 00FF00) o una indicació directa del nom del color ( «verd»). Hi ha tres tipus d'atributs per als enllaços:- link - defineix el color dels enllaços no visitats;
- VLINK - especifica el color dels enllaços a través del qual ja ha passat l'usuari;
- Alink - especifica el color de l'enllaç quan es canvia a una pàgina diferent. És ràpid, de manera que no sempre es pot agafar aquest efecte.
marcat Exemple:
Si s'apliquen aquests atributs a l'etiqueta
, la referència del document web serà de color blau fosc, el visitats - porpra i activa - taronja-vermell.hipervincles gràfics
Progrés i desenvolupament de disseny web requereixen saber com inserir un enllaç en l'HTML com una imatge. És clar que la imatge ha de correspondre al contingut de la pàgina de destinació. Per exemple, la pàgina principal de les plantes medicinals es poden presentar en forma de fotos de plantes, en fer clic al que l'usuari va a anar a una pàgina que descriu les propietats medicinals de les plantes.
Àmpliament manera usat per reemplaçar els botons estàtics () en els bells gràfics creats per un dissenyador de pàgines web a l'editor de gràfics (GIMP, Photoshop).
Per inserir un gràfic com hipervincles a les pàgines de la web utilitza la mateixa sintaxi, però en lloc de text mitjançant una etiqueta d'imatge mitjançant la inserció de les regles d'HTML:
Per la etiqueta de la mateixa manera atributs aplicables especificar un text alternatiu, amplada, alçada, i altres.
Les trucades des del lloc web
estàndard HTML5 s'ha ampliat la funcionalitat de l'ús d'Internet, i ara es pot fer trucades, no només des del telèfon, sinó directament des del lloc. Per a aquest propòsit, també es pot utilitzar hipervincles en un document HTML, i tenen la següent sintaxi:
En lloc de la paraula "partit" es prescriu contactes de la persona que truca intuïtiva a l'agenda. També pot posar un arxiu gràfic (usuari foto).
Que les trucades es van fer al lloc, ha de tenir no només una referència al nombre de telèfon de l'abonat, sinó també un auricular (micròfon, auriculars) en el vostre VoIP-programa d'ordinador, la velocitat d'Internet ha de ser superior a 0,5 MB / seg. El pagament per trucades realitzades pel flux de trànsit. Per tant, si l'Internet és il·limitat, les trucades són gratuïtes.
Ètica creen hipervincles
En posar el lloc a Internet, el webmaster ha de saber quins tipus hi ha hipervincles en HTML, i no només el dret a utilitzar de forma professional, però també s'adhereixen a les següents disposicions:
- L'hipervincle ha de ser fàcilment visible, diferent del seu text circumdant. L'usuari ha de saber que és - un hipervincle.
- L'usuari ha de tenir clar on obtindrà fent clic a l'enllaç. Per a això, és recomanable utilitzar més atribut title, que descriu de manera succinta la pàgina de conversió. Sintaxi d'atribut d'aplicació és:
- L'usuari ha d'obtenir informació precisa sobre l'arxiu es descarregarà quan es fa clic a l'enllaç.
Amb una vegada no és l'esperada pàgina o descarregant l'arxiu incorrecte, l'usuari és el 99% del immediatament abandonar el lloc i mai en ella no va caure en el futur.
Anti-Seu per crear hipervincles
A més dels aspectes tècnics de la qüestió de com inserir un hipervincle en HTML, s'ha de destacar més els aspectes i moral. Hi ha molts llocs web als quals es bloqueja l'accés als usuaris del programari de seguretat (antivirus), o fins i tot l'estat. Aquests són els llocs que han estat creades en el costat impur programadors web.
Un dels trucs als quals recorren - és inserir l'hipervincle "invisible" en una pàgina web. Els estafadors saben com crear un hipervincle en l'HTML, i utilitzar l'atribut de subratllat per eliminar els enllaços i assignar-li el color del text de manera que l'usuari mitjà no la veu. I amb l'ajuda d'altres eines de les tecnologies web (CSS, JavaScript, PHP) es poden programar el seu comportament. Per exemple, esdeveniment de llenguatge Javascript onMouseOver activa l'efecte dels elements de la pàgina web. Quan l'usuari manté el cursor a un vincle invisible, es puja a les pàgines de publicitat d'altres llocs. O pitjor encara, quan hi ha un vincle invisible a un arxiu a l'ordinador i comença a descarregar i instal·lar el programari innecessari. Típicament, un virus que va canviar pàgina principal del navegador, sorra per al disc dur i altres programes massius.
Aviat aquests llocs cauen en la llista de "negre" de la base de dades de virus, la seguretat i el medi ambient dels usuaris d'Internet. Aquests llocs no duren molt de temps, i que han de canviar els seus noms per migrar sense fi a través d'Internet, el canvi del proveïdor d'allotjament. Això no és propici per a la promoció d'un lloc, a la qual sempre busca el seu creador, mai arriben megaportals, com ara, per exemple, les xarxes socials. Entre altres coses, aquests trucs causen moltes emocions negatives en víctimes d'aquestes accions humanes.
Similar articles
Trending Now