Ako vložiť hypertextový odkaz do HTML? Vytvárať a používať hypertextové odkazy v jazyku HTML

Hypertext je text, ktorý obsahuje odkaz na iný text. Príkladom môžu byť poznámky autora o zložitých definíciách alebo poznámkach pod čiarou prekladateľov v dolnej časti stránky knihy, ak sa text nachádza v cudzom jazyku. Internetové stránky predstavujú komplexný systém hypertextových prechodov z jednej stránky na druhú, v rámci samotnej stránky, ako aj medzi nesúvisiace zdroje jediného subjektu. Táto štruktúra je praktická, šetrí veľa času, umožňuje používateľovi rýchlo nájsť potrebné informácie a nestráca sa v mnohých prechodoch.


Vloženie hypertextového odkazu

V HTML pre vloženie hypertextového odkazu sa používa deskriptor (tag)Toto je príklad toho, ako vložiť hypertextový odkaz do dokumentu HTML, ktorý sa vykoná pomocou značky. Návštevník webovej lokality uvidí podčiarknutý text, ktorý sa líši od farby okolitého textu (farba odkazu HTML môže byť ľubovoľná), "Domovská stránka Google", ktorá na ňu klikne a stlačí sa na hlavnej stránke vyhľadávacieho nástroja Google. Treba poznamenať, že text hypertextového odkazu by mal obsahovať informácie o tom, kde sa prechod uskutoční. Táto zásada by sa mala dodržiavať a brať spravidla!


Štruktúra značky

Je možné všimnúť si, že celý dizajn tejto značky sa nazýva prvok webového dokumentu.
Podľa pravidiel HTML môžu niektoré prvky obsahovať ďalšie prvky. Značka nie je výnimkou. Ak programátor potrebuje zvýrazniť tučné slovo Google, potomTo sa vykonáva pomocou značky [b] [/b] o všeobecných pravidlách formátovania textu, dodržanie poradie vnorených tagov. Webmaster musí vedieť, ako vytvárať hypertextové odkazy v jazyku HTML bez chýb, inak nebudú fungovať. Nedostupné odkazy na počítačový slang sa nazývajú "bití". home [b] Google [/b] Tu element Google tlačidlo [/b] obsahuje vnorené prvky [b] Google [/b] Teraz, viď strana návštevník hyperlink tučné písmo slovo "Google".

Absolútny hypertextový odkaz

Odkazy používa absolútnu URL adries stránok, ktoré obsahujú názvy domén (.ru, .com, .org, gov), nazvaný absolútny a má nasledujúcu syntax: protokol: //názov domény /cesty k Príklad adresa súboru rozšírený v USA vyhľadávači: https://aol.com - absolútna, pretože obsahuje názov domény .com. Absolútne hypertextové odkazy sa používajú na preskočenie na stránky iných stránok alebo na prístup k zdrojom umiestneným na inom serveri. Prechod sa vykonáva pomocou internetových protokolov. Zápis - nie je témou tohto článku, ale preto, že sa podieľajú na vytváraní hypertextových odkazov, je nutné aspoň ich spomenúť stručne:
  • http aj https - najčastejšie; po ktorom nasleduje prechod medzi webovými stránkami rôznych lokalít;
  • FTP - protokol pre nahratie súborov na server alebo stiahnuť užívateľské mieste;
  • mailto - mail protokol, ktorý je zaslaný elektronickou poštou priamo z miesta, bez toho aby došlo osobné poštu.
  • Existuje niekoľko špeciálnych protokolovCieľové miesto (gopher, telnet) je pomerne zriedkavé, použitie ktorých vyžaduje odborné vedomosti v oblasti programovania alebo správy systému.

    Relatívne hypertextové odkazy

    Keď relatívna adresa používania hypertextových odkazov v HTML slúži na prechody vo vnútri zdroja a nevedie k jeho limitom. Ak je stránka taká veľká, že vertikálna posuvná lišta je spustená, niekedy je veľmi dlhá, ako napríklad v slovníkoch, je veľmi výhodné a užitočné použiť relatívne odkazy na rýchle preskočenie na požadované písmeno. Pri vytváraní internetového slovníka má programátor na začiatku stránky abecedu a ak sa odkazy nepoužili, používateľ by musel veľmi dlho otáčať kolieskom myši, aby sa dostal k písmenu "I".
    Ak chcete vytvoriť relatívny odkaz, atribút tagu názvu bude predchádzať značka mriežky, bez ktorej prepínač písmena nebude fungovať.

    Relatívne adresovanie pri vytváraní lokality

    Pohodlný a najbežnejší algoritmus na vytvorenie lokality programátorom:
  • vytvorenie priečinka na počítači a jeho umiestnenie v mieste rýchleho prístupu pre pohodlie;
  • vytvorte hlavnú indexovú stránku v tomto priečinku index.html;
  • vytváranie sekundárnych webových stránok (index.html /page2);
  • vytvorenie priečinka a umiestňovanie grafických súborov do neho;
  • vytvorenie priečinka a umiestnenie ďalších objektov (napríklad súbory na stiahnutie);
  • obsah;
  • Hostiteľské hosťovanie súborov.
  • Je nevyhnutné použiť odkaz na komunikáciu medzi prvkami lokality,a veľmi vedieť, ako vložiť hypertextový odkaz do HTML na inej stránke tejto stránky. Ak sú súbory stránok v rovnakom adresári na jednom serveri, potom nie je potrebné používať absolútne adresovanie. Pri prenose súborov stránok na hostiteľské prepojenie medzi objektmi sa zachová, pretože budú umiestnené na rovnakom adresári. Napríklad programátor vytvoril hlavnú stránku stránky index.html, ktorá má odkaz na inú stránku2.html, zdobená img.png. Potom je relatívna cesta k tomuto snímku bude vyzerať ako obrázok Tip: štúdie o tejto téme je najlepšie použiť jednoduchý textový editor s tým, že budete musieť získať zručnosti v písaní správne adresy prechod a naučiť sa rozumieť kódu niekoho iného. V tomto štádiu bude hypertextový odkaz dobrý výsledok bez akýchkoľvek chýb v notebooku, HTML ich neodpúšťa a vydá chyby.

    Odkazy na hypertextové odkazy

    V predvolenom nastavení sa v aktuálnom okne prehliadača otvorí nová stránka, keď na ne používateľ klikne. Webový programátor však môže zmeniť predvolenú hodnotu a vynútiť otvorenie stránky, napríklad v novom okne. K tomu je cieľový atribút s vlastnou hodnotou. To možno jasne vyjadriť ako tabuľku. Hodnota cieľového atribútu

    _blank



    otvorí stránku v novom okne prehliadača



    _self

    otvára stránku v aktuálnom okne



    _parent



    otvára stránku do nadradeného rámca
    )
    _top



    s použitím rámov ich všetky zruší a otvorí stránku v okne prehliadača prúde

    Syntax cieľový atribút aplikácie: Home Domovská stránka Google "Google" sa otvorí v nové okno. Poznámka: pre otvorenie stránky na novej karte nie je žiadna hodnota pre tento atribút, a je nastavený užívateľom v nastaveniach prehliadača.

    Farba hypertextových odkazov

    Ako skúsený používateľ Internetu sa nakoniec musel všimnúť, že hypertextový odkaz sa líšia v farbe od okolitého textu, a oni sú zvyčajne modré. Odkaz, ktorým prešiel a vrátil sa na predchádzajúcu stránku, sa stáva šelakom. Používať hypertextové odkazy v HTML v neobvyklých farieb trochu, ale identifikuje miesto, medzi ostatnými.
    kladené farby odkazov v tagu pomocou atribúty a ich hodnoty, ktoré slúžia farebný systém HTML RGB (# 00FF00) alebo explicitne uvedený názov farby («zelená»). Existujú tri typy atribútov pre odkazy:
  • link - určuje farbu navštíveného odkazu;
  • vlink - špecifikuje farbu odkazu, na ktorom používateľ prešiel;
  • alink - nastaví odkaz farieb v okamihu prechodu na inú stránku. To sa stáva rýchlo, takže nemôžete vždy zachytiť tento efekt.
  • Ako príklad značkovacia: Ak použijete tieto atribúty link tag webového dokumentu bude tmavo modrá navštívil - fialové a aktívne - oranžovo-červené.

    Picture hypertextový odkaz

    Pokrok a vývoj internetových stránok vyžadovať vedieť, ako vložiť hypertextové odkazy v HTML akoimage. Je jasné, že obrázok musí zodpovedať obsahu cieľovej stránky. Napríklad, hlavná stránka z liečivých rastlín môžu byť prezentované vo forme fotografií rastlín, kliknutím na ktoré užívateľ prejde na stránku, ktorá opisuje liečivé vlastnosti rastlín. Široko používaný spôsob, ako nahradiť statické tlačidlo () na krásnu grafiku vytvoril web designer pre editorov (GIMP, Photoshop).
    Pre vloženie grafiku ako hypertextové odkazy na stránky s použitím rovnakej syntaxe, ale namiesto použitia textového tagu vloží snímka pravidlá HTML: značka
    Pre hovory boli vyrobené z miesta, musíte mať nielen odkaz na telefónne číslo, ale headset (mikrofón, slúchadlá) v počítači nainštalovaný VoIP aplikácie internet rýchlosťou obmedzenou na 05 MB /sec. Platba za hovory je spôsobená nákladmi na dopravu. Preto ak je internet neobmedzený, hovory sú zadarmo.

    Etika vytvoriť hypertextové odkazy

    Umiestnením stránky na internete, webmaster by mal vedieť, aké typy hypertextových odkazov sú v HTML, a to nielen profesionálne aplikovať, ale aj dodržiavať nasledujúce ustanovenia:
  • hyperlink musia byť ľahko viditeľné , odlišné od okolitého textu. Používateľ by mal vedieť, že ide o hypertextový odkaz.
  • Malo by byť jasné, kedy sa dostane na uvedenom odkaze. Ak to chcete urobiť, odporúča sa používať atribút názvu, ktorý stručne opisuje stránkuprechod. Syntax aplikácie atribútu je:
  • Yandex
  • Používateľ musí získať správne informácie o súbore, ktorý bude stiahnutý pri prepojení na odkaz.
  • Po stlačení nesprávnej stránky alebo stiahnutí nesprávneho súboru používateľ okamžite opustí lokalitu v 99% prípadov a v budúcnosti sa nikdy nedostane na stránku.

    Anti-Seo pri vytváraní hypertextových odkazov

    Okrem technickej stránky by otázka, ako vložiť hypertextové odkazy do HTML, mala tiež zdôrazniť morálny aspekt. Existuje mnoho stránok, ktoré používateľom zablokujú bezpečnostné programy (antivírus) alebo dokonca aj štát. Toto sú stránky, ktoré vytvorili nechránené vývojári webu.
    Jedným z trikov, ktoré používajú, je vloženie "neviditeľného" hypertextového odkazu na webovú stránku. Podvodníci vedia, ako vytvoriť hypertextový odkaz v jazyku HTML, a použiť atribúty na odstránenie podčiarknutia odkazu a priradiť mu farbu okolitého textu tak, aby ho priemerný používateľ nevidí. A pomocou iných webových nástrojov (CSS, javascript, PHP) môžete naprogramovať svoje správanie. Napríklad udalosť onmouseover jazyka javascript aktivuje činnosť elementu webovej stránky. Keď používateľ klikne na neviditeľný odkaz, klikne na reklamnú stránku inej stránky. Alebo horšie, keď je k súboru neviditeľný odkaz a začne sťahovať a inštalovať nepotrebný softvér do svojho počítača. Zvyčajne ide o vírusy, ktoré menia domovskú stránku prehliadača, neporiadok pevného disku s množstvom programov atď. Čoskoro sústránky patria do "čierneho zoznamu" vírusových databáz, bezpečnostných systémov a medzi samotnými používateľmi internetu. Takéto stránky nežijú dlho a musia zmeniť svoje mená, nekonečne migrovať cez internet, meniť poskytovateľov hostiteľov. To nepodporuje propagáciu stránky, ktorej sa jej tvorca vždy usiluje, nikdy z neho nebude megaportál, ako sú napríklad sociálne siete. Tieto techniky okrem iného spôsobujú veľa negatívnych emócií u ľudí postihnutých týmito činmi.

    Súvisiace publikácie