Před vytvořením odkazu v HTML musítepochopit, co to je a jaké jsou jejich typy. Jakýkoli odkaz začíná značkou <a> a končí značkou </a>. Uživateli se zobrazí pouze to, co je mezi těmito značkami uzavřeno. Prohlížeč nezobrazí samotný odkaz. Je to vidět při najetí myší na stavovém řádku.
Všechny odkazy lze rozdělit podle různých kritérií a typů. Odkazy lze například rozdělit podle účelu:
- uvnitř dokumentu;
- na jinou webovou stránku;
- do různých souborů;
- na poštovní adresy.
2. a 3. položku lze navíc rozdělit na absolutní a relativní adresy. Více o tom později. Uvažujme nyní o nejjednodušším případě.
Jak vytvořit odkaz v HTML? Chcete-li to provést, můžete otevřít poznámkový blok nebo jakýkoli jiný editor a přepsat výše uvedený kód.
Výsledek bude následující.
Z čeho se odkaz skládá?
Pamatujte, že každý odkaz musí mít:
- otevírací a zavírací štítky;
- text odkazu;
- atribut href, který určuje adresu URL, na kterou bude uživatel přesměrován.
Jak vidíte, na prvním obrázku je odkazem stránky / about.html. Toto je relativní odkaz. Na obrázku výše odkaz začíná schématem http: //. V tomto případě se použije absolutní reference.
Pokud nezadáte závěrečnou značku, je to.následující bude také pokračováním tohoto odkazu. Buď opatrný. Když píšete kód, okamžitě přidejte úvodní a závěrečnou značku. Takto je to bezpečnější.
Jak udělat obrázek odkazem v HTML?
Místo textu ve značkách <a> ... </a> můžete zadat obrázky. To znamená, že pokud uživatel klikne na obrázek, bude následovat váš odkaz.
Tato metoda se používá velmi často.Zejména v nabídce na krásných stránkách. Před vytvořením návrhu drátového modelu návrháři rozvržení vždy přemýšlejí o tom, jak propojit stránku v HTML. Přesněji, v jaké formě to všechno udělat. Používají se všechny metody, které webmaster vlastní. Podívejme se na design trochu dále.
Jak odkazovat na soubor v HTML?
Atribut href může obsahovat odkazy na soubory. K tomu obvykle dochází, když je označen odkaz na stažení souboru (archiv, film, hudba, kniha, textový soubor atd.).
Jinými slovy můžete v adrese určit, co chcete. Pokud nejde o webovou stránku, pokusí se ji prohlížeč stáhnout.
Odkazy na stránce
Určitě jste navštívili alespoň jednou„Wikipedia“. Tam je obsah článku. A když kliknete na libovolnou položku, dostanete se do příslušné podpoložky. Takové odkazy se nazývají odkazy v dokumentu nebo záložkách.
Jak vytvořit odkaz na stránku v HTML?
Všechno je velmi jednoduché.Odkazy označujeme v textu atributem <a>, ale neurčíme href. Je třeba napsat atribut name a nastavit jedinečný název v dokumentu. A na místě, kde v dokumentu označíte odkazy na tyto poznámky, v atributu href napíšeme nejprve hash a poté tento jedinečný název.
Jakmile prohlížeč uvidí v adrese symbol #, chápe, že je nutné odkazovat na nějaký prvek ve stejném dokumentu.
E-mailové odkazy
Někdy musíte uvést odkaz na svůj e-mail. Dá se to udělat takto.
Po kliknutí na tento odkaz uživatelotevře se aplikace pro správu pošty. Toto je obvykle standardní Outlook. Tento program ale obvykle nikdo nenakonfiguruje. Proto je obvykle e-mailová adresa jednoduše uvedena v textu.
Atributy
Pokud jste zjistili, jak vytvořit odkaz v HTML, doporučujeme prostudovat zbývající atributy značky <a>. Toto je velmi důležitá informace. Zvažme ty nejzákladnější:
- Atribut názvu - Vytvoří popisek, když umístíte ukazatel myši na odkaz. Je to docela pohodlné. To vám umožní poskytnout uživateli další informace.
- Atribut target je místo, kde bude načten nový dokument (webová stránka). Může mít následující hodnoty:
- _blank - otevře se nové okno prohlížeče;
- _self - otevře se v aktuálním okně, toto je výchozí hodnota, není nutné ji specifikovat;
- _parent - načítání do nadřazeného rámce, pokud neexistují, pak atribut přebírá hodnotu_sám;
- _top - zruší všechny rámečky a načte stránku do plné velikosti prohlížeče. Pokud nejsou k dispozici žádné snímky, dojde k analogii s _self.
- Atribut stažení.Díky tomu můžete vynutit stažení souboru, který je uveden v atributu href. Tento parametr nemá žádnou hodnotu. Stačí zadat <a download href="img/photo.jpg"> Odkaz na soubor </a>. Pokud nezadáte stáhnout, pak prohlížeč fotografii jen otevře. V takovém případě se začne stahovat do vašeho počítače.
Link design
Pokud jste zjistili, jak z obrázku udělat odkazHTML, je také vhodné zajistit, aby to vypadalo normálně. Ve výchozím nastavení se kolem obrázku zobrazí ohraničení, což je odkaz. Vypadá hrubě a ošklivě. Protože jeho tloušťka je 3 pixely.
Abyste tomu zabránili, musíte zadat border = "0". To znamená, že hranice bude rovna nule. Tento odkaz z obrázku bude vypadat pěkně a přijatelně. Jinak vystrašíte všechny návštěvníky stránek.
Závěr
Odkazy jsou na první pohled velmi jednoduchá značka. Pokud se ale ponoříte hlouběji a vezmete v úvahu všechny typy odkazů a atributů, ukázalo se, že všechno není tak snadné a bez mráčku.
Nezapomeňte, že odkazy jsou páteří sítě WWW. Bez nich by neexistovala.