Jak vložit hypertextový odkaz do HTML? Vytvoření a použití hypertextových odkazů v HTML

Hypertext je text, který obsahuje odkaz na jiný text. Příkladem mohou být poznámky autora o složitých definicích nebo poznámkách pod čarou překladatelů v dolní části stránky knihy, pokud je text nalezen v cizím jazyce. Internetové stránky představují komplexní systém hypertextových přechodů z jedné stránky na druhou, v rámci samotné stránky, stejně jako mezi nesouvisející zdroje jediného subjektu. Tato struktura je praktická, ušetří spoustu času, umožňuje uživateli rychle nalézt potřebné informace a neztratí se v mnoha přechodech.


Vložení hypertextového odkazu

V HTML se pro vložení hypertextového odkazu používá popisovač (tag)Toto je příklad vložení hypertextového odkazu do dokumentu HTML, který se provádí pomocí tagu. Návštěvník webu zobrazí podtržený text, který se liší od barvy okolního textu (barva odkazu HTML může být libovolná), "domovská stránka Google", na kterou na něj klikne, narazí na hlavní stránku vyhledávače Google. Je třeba poznamenat, že text hypertextového odkazu by měl obsahovat informace o tom, kde se přechod uskuteční. Tato zásada by měla být dodržována a přijímána zpravidla!


Struktura značky

Je možné si všimnout, že celý návrh této značky se nazývá prvek webového dokumentu.
Pravidlami HTML mohou některé prvky obsahovat další prvky. Značka není výjimkou. Pokud programátor potřebuje zvýraznit tučné slovo Google, pakTo se provádí pomocí značky [b] [/b] o obecných pravidlech formátování textu, dodržení pořadí vnořených tagů. Webmaster musí vědět, jak vytvořit hypertextové odkazy v jazyce HTML bez chyb, jinak nebudou fungovat. Nedostupné odkazy na počítačový slang se nazývají "bití". home [b] Google [/b] Zde element Google tlačítko [/b] obsahuje vnořené prvky [b] Google [/b] Nyní, viz strana návštěvník hyperlink tučné písmo slovo "Google".

Absolutní hypertextový odkaz

Odkazy používá absolutní URL adres stránek, které obsahují názvy domén (.ru, .com, .org, gov), nazvaný absolutní a má následující syntaxi: protokol: //název domény /cesty k Příklad adresa souboru rozšířený v USA vyhledávači: https://aol.com - absolutní, protože obsahuje název domény .com. Absolutní hypertextové odkazy se používají k přechodu na stránky jiných webů nebo k přístupu k prostředkům umístěným na jiném serveru. Přechod se provádí pomocí internetových protokolů. Protokoly nejsou tématem tohoto článku, ale protože se podílejí na vytváření hypertextových odkazů, je třeba zmínit alespoň stručně:
  • http a https jsou nejběžnější; následovaný přechodem mezi webovými stránkami různých webů;
  • FTP - protokol pro nahrání souborů na server nebo stáhnout uživatelské místě;
  • mailto - mail protokol, který je zaslán elektronickou poštou přímo z místa, aniž by došlo osobní poštu.
  • Existuje několik dalších protokolůCíl (gopher, telnet) je poměrně vzácný, jehož použití vyžaduje odborné znalosti v oblasti programování nebo správy systému.

    Relativní hypertextové odkazy

    Když relativní adresování o použití hypertextových odkazů v HTML slouží pro přechody uvnitř zdroje a nevede k jeho omezení. Je-li stránka tak velká, že běží vertikální posuvník, někdy je velmi dlouhý, jako například v slovnících, je velmi výhodné a užitečné používat relativní odkazy a rychle přeskočit na požadované písmeno. Při vytváření internetového slovníku má programátor na začátku stránky abecedu a pokud nebyly odkazy použity, pak by uživatel musel po dlouhou dobu otáčet kolečkem myši, aby se dostal k písmenu "I".
    Pro vytvoření relativního odkazu má atribut tagu názvu předcházet značka kotevní mřížky, bez níž přepínač písmena nebude fungovat.

    Relativní adresování při vytváření webu

    Praktický a nejběžnější algoritmus pro vytváření webu programátorem:
  • vytvoření složky na počítači a jeho umístění v místě rychlého přístupu pro usnadnění;
  • vytvoří hlavní indexovou stránku v této složce index.html;
  • vytvoření sekundárních webových stránek (index.html /page2);
  • vytvoření složky a umístění grafických souborů;
  • vytváření složky a umístění dalších objektů (soubory ke stažení);
  • obsah;
  • Hosted hosting.
  • Je nezbytné použít odkaz pro komunikaci mezi prvky webu,a hodně tím ví, jak vložit hypertextový odkaz do HTML na jiné stránce tohoto webu. Pokud jsou soubory webu ve stejném adresáři na jednom serveru, není nutné používat absolutní adresování. Při přenosu souborů webu na hostitelské spojení mezi objekty se zachová, protože budou hostovány ve stejném adresáři. Předpokládejme, že programátor vytvořil domovskou stránku index.html, který má odkaz na jinou stránku page2.html, zdobí obraz img.PNG. Pak je relativní cesta k tomuto snímku bude vypadat jako obrázek Tip: studie o tomto tématu je nejlepší použít jednoduchý textový editor s tím, že budete muset získat dovednosti v psaní správné adresy přechod a naučit se rozumět kódu někoho jiného. V tomto okamžiku bude hypertextový odkaz dobrým výsledkem bez chyb v notebooku, HTML je neodpustí a vydává chyby.

    Odkazy na hypertextové odkazy

    Ve výchozím nastavení se otevře nová stránka v aktuálním okně prohlížeče, když uživatel klikne na ně. Webový programátor však může změnit výchozí hodnotu a vynutit otevření stránky, například v novém okně. K tomu je cílový atribut s vlastní hodnotou. To lze jasně vyjádřit jako tabulku. Hodnota cíle atributu

    _blank



    otevře stránku v nového okna prohlížeče



    _self



    otevře stránku v aktuálním okně (výchozí)



    _parent



    na straně nadřazené rám

    (54 ).
    _top



    s použitím rámů je všechny zruší a otevře stránku v okně prohlížeče proudu

    Syntaxe cílový atribut aplikace: Home Domovská stránka Google "Google" se otevře v nové okno. Poznámka: pro otevření stránky na nové kartě není žádná hodnota pro tento atribut, a je nastaven uživatelem v nastavení prohlížeče.

    Barva hypertextových odkazů

    Jako zkušený uživatel Internetu se nakonec musel všimnout, že hypertextový odkaz se liší v barvě od okolního textu, a oni jsou obvykle modré. Odkaz, kterým předal a vrátil se na předchozí stránku, se stává šeříkem. Používat hypertextové odkazy v HTML v neobvyklých barev trochu, ale identifikuje místo, mezi ostatními.
    kladené barvy odkazů v tagu pomocí atributy a jejich hodnoty, které slouží barevný systém HTML RGB (# 00FF00) nebo explicitně uveden název barvy («zelená»). Existují tři typy atributů odkazů:
  • link - určuje barvu navštíveného odkazu;
  • vlink - Určuje barvu odkazu, na kterém uživatel prošel;
  • alink - nastaví odkaz barev v okamžiku přechodu na jinou stránku. To se děje rychle, takže nemůžete vždy zachytit tento efekt.
  • Příklad značky: Pokud použijete tyto atributy, značka odkazu pro tento webový dokument bude tmavě modrá, navštívená - fialová a aktivní - oranžově červená.

    Grafické hypertextové odkazy

    Pokrok a vývoj webového designu vyžaduje znalost vložení hypertextového odkazu do HTML jakoobraz Je zřejmé, že obraz by měl odpovídat určení obsahu stránky. Například, hlavní stránka z léčivých rostlin mohou být prezentovány ve formě fotografií rostlin, kliknutím na které uživatel přejde na stránku, která popisuje léčivé vlastnosti rostlin. Široce používaný způsob, jak nahradit statické tlačítko () na krásnou grafiku vytvořil web designer pro editory (GIMP, Photoshop).
    Pro vložení grafiku jako hypertextové odkazy na stránky s použitím stejné syntaxe, ale namísto použití textového tagu vloží snímek pravidla HTML: značka
    Pro hovory byly vyrobeny z místa, musíte mít nejen odkaz na telefonní číslo, ale headset (mikrofon, sluchátka) v počítači nainstalována VoIP aplikace internet rychlostí omezenou na 05 MB /sec. Platba za hovory je způsobena náklady na provoz. Pokud je tedy internet neomezený, volání je zdarma.

    Etika vytvořit hypertextové odkazy

    Umístěním stránky na internetu, webmaster by měl vědět, jaké typy hypertextových odkazů jsou v HTML, a to nejen profesionálně aplikovat, ale také dodržovat následující ustanovení:
  • hyperlink musí být snadno viditelné , odlišný od okolního textu. Uživatel by měl vědět, že se jedná o hypertextový odkaz.
  • Mělo by být jasné, kdy se dostane na uvedeném odkaze. Pro tento účel použít jiný název atributu, který stručně popisuje stránkupřechod Syntaxe aplikace atributu je:
  • Yandex
  • Uživatel musí získat správné informace o souboru, který bude stažen při propojení s odkazem.
  • Pokud jste narazili na nesprávnou stránku nebo si stáhli nesprávný soubor, uživatel okamžitě opustí web v 99% případů a v budoucnu se nikdy nedostane na stránky.

    Anti-Seo při vytváření hypertextových odkazů

    Kromě technické stránky by otázka, jak vložit hypertextové odkazy do HTML, by měla rovněž zvýraznit morální aspekt. Existuje mnoho stránek, které uživatelům blokují bezpečnostní programy (antivirové programy) nebo dokonce i stav. Toto jsou stránky vytvořené nechráněnými vývojáři webu.
    Jedním z triků, které používají, je vložení "neviditelného" hypertextového odkazu na webovou stránku. Podvodníci vědí, jak vytvořit hypertextový odkaz v jazyce HTML, a používat atributy pro odstranění podtržení odkazu a přiřadit mu barvu okolního textu tak, aby ho průměrný uživatel neviděl. A díky dalším webovým nástrojům (CSS, JavaScript, PHP) můžete naprogramovat jejich chování. Například událost onmouseover jazyka javascript aktivuje činnost prvku webové stránky. Když uživatel klikne na neviditelný odkaz, klikne na reklamní stránku jiného webu. Nebo horší, když je k souboru neviditelný odkaz a začne stahovat a instalovat zbytečný software do svého počítače. Obvykle se jedná o viry, které mění domovskou stránku prohlížeče, rušily pevný disk na množství programů a tak dále. Brzy jsoustránky patří do "černého seznamu" virů, bezpečnostních systémů a mezi samotnými uživateli internetu. Takové stránky nežijí dlouho a musí měnit jména, nekonečně migrovat přes internet, měnit hostitelské poskytovatele. To nepodporuje propagaci webu, jehož se jeho tvůrce vždy snaží, nikdy to nebude megaportální, jako jsou například sociální sítě. Mimo jiné tyto techniky způsobují spoustu negativních emocí u lidí postižených těmito činy.

    Související publikace