Hypertextový odkaz - Jedná se o indikaci prohlížeče, na který objekt uvnitř nebo mimo dokument HTML by měl odvolat. Použití hypertextových odkazů se uživatelé mohou přesunout z jedné stránky na jinou, nahrát soubory atd. Jak může být hypertextový odkaz zdobený fragment textu nebo výkresu ( grafický soubor). Když je webová stránka zobrazena v okně prohlížeče, textový odkaz je obvykle zvýrazněn modrým a podtrženým. To však není vždy případ. Chcete-li jít na místo, které odkaz specifikuje, je uživatel stačí kliknout na jeho text.

Chcete-li vytvořit hypertextový odkaz, musíte použít značky a , identifikace značky atribut Href.. Jeho hodnota by měla být adresa URL, na kterou odkaz označuje. Text odkazu se nachází mezi značkami a.

Pokud je webová stránka, na které je odkaz umístěn na jiném webu, pak hodnota atributu Href. Musí existovat úplná adresa URL se jménem protokolu inkluzivní; Takové odkazy se nazývají externí. Pokud hypertextový odkaz ukazuje na jinou stránku stejné stránky, stačí hledat dokument pouze relativní cestu; Takový odkaz se nazývá interní.

Hypertextový odkaz může uvést určité místo uvnitř stránky, pokud je předem vložený kotevní štítek. Pro určení kotvy také používejte značky a Ale místo atributu Href. Určete atribut Název., jehož hodnota by měla být název kotvy. Může se skládat z písmen a čísel, ale neměly by obsahovat prostorový symbol. Pokud na stránce existuje několik značek, musí mít všechny z nich různé názvy.

Vytvoření odkazu na ukotvenou kotvu potřebnou ve značce Zadejte svůj název na konci adresy URL po názvu dokumentu, oddělte jej se symbolem. # . Symbol # To znamená, že název štítku je zaznamenán po něm, a nikoli název souboru.

Odkaz text. \\ t

Pokud je v atributu Href. Nastavte adresu e-mailem S aplikací Word Mailto: Před ním pak po výběru takového odkazu můžete odeslat zprávu, kde v poli "Komu" Tato adresa bude zaznamenána.

V příkladu, který je uveden níže, zvažuje se použití hypertextových odkazů různých typů.

Dokument HTML, ve kterém se používají hypertextové odkazy a kotvy:

Nové verze standardů pro provoz systémy Windows. a řidiči lze nalézt na webových stránkách společnosti Microsoft.

A nyní může jít na hlavní stránku webu.

O tom, jak se mnou dostat do kontaktu, můžete se naučit na konci této stránky.

V tomto textovém dokumentu.

[Chráněný emailem]

Dokument HTML tak bude vypadat poté, co reprodukuje prohlížeč:

Nové verze standardů pro operační systém Systém Windows i ovladače naleznete na webových stránkách společnosti Microsoft.

Můžete použít materiály, které jsou zveřejněny v tomto textovém dokumentu.

V tomto příkladu je slovo "Microsoft" obsaženo ve značce externího hypertextového odkazu a textu "Hlavní stránka webu" - Ve značce interního odkazu. Text "Na konci této stránky" umístěna v odkazu odkazy kotvy a "V tomto dokumentu" - Ve značce hypertextových odkazů s atributem Href.ve kterém jsme požádali spojení s webovou stránkou, ale s textový dokumentkterý je uložen ve stejné složce jako aktuální dokument HTML. Text " [Chráněný emailem] »Nachází se ve značce popisujících kotevní značku a v atributu Href. Je zadána e-mailová adresa.

Pokud návštěvník stránky přichází s externím odkazem Microsoft, otevřená stránka obsažená na adrese. http://www.microsoft.com/. Po kliknutí na hypertextový odkaz "Hlavní stránka webu" Otevře se hlavní strana Místo. Po kliknutí na interní odkaz v textovém dokumentu se otevře okno s textovým dokumentem text.doc.obsažené v aktuální složce. Pokud využíváte kotvu na konci této stránky, obraz aktuální stránky se posune tak, aby text značky " [Chráněný emailem] "Kotva je spojena, bude umístěna ve viditelné části dokumentu.

Místo textu " [Chráněný emailem] "Je hypertextový odkaz, který uživatel bude moci poslat dopis pomocí e-mailu nakonfigurovaného na počítači atributu Href. adresa - [Chráněný emailem] .

Zvažte další příklad vytváření textových hypertextových odkazů. Předpokládejme, že dva dokumenty HTML jsou zachovány ve specifické složce, popisující dva směry pracovní firmy, - 1.html. a 2.html..

Vytvořit seznam hypertextových odkazů, z nichž každý ilustruje jeden z pokynů práce firmy:

Naše produkce

Naši zákazníci

Výsledek:

Naše produkce

Naši zákazníci

V tomto příkladu jsou hypertextové odkazy tagi obsaženy ve štítcích hlaviček prvních úrovně. Texty hypertextových odkazů budou umístěny v samostatných řádcích a jsou zdobeny jako první úrovni titulky.

Ve výchozím nastavení jsou textové hypertextové odkazy zobrazeny modrým a podtrženým, a pokud jej již používali, je tmavě červená. Chcete-li tyto barvy změnit, přidejte příslušné atributy ve značce : . To znamená, že po prvním načítání stránky budou všechny hypertextové odkazy fialové, a pokud návštěvník využívá jednoho z nich, pak se její barva bude žlutá. Je to vhodné, když existuje mnoho odkazů na stránce, a návštěvník je chce zase prohlížet: pak podporovat jinou barvu navštívenou hypertextový odkaz umožňuje systematizovat takové zobrazení.

Myslím, že už chápete, co bude diskutováno v této kapitole .. A víte, co je odkaz, pokud ne, pak klikněte zde .. Existuje několik typů odkazů, stejně jako "mechanismy" přechodu na ně. V této kapitole se pokusím vyprávět podrobně o tom, jak znovu získat odkazy, a také věnovat se v jemných případech v práci s nimi.

Lyrická odbočka:
Nějaká hlava sídla přichází ke mně v armádě a dává objednávku, cituje:
Přineste mi tento dokument, nevím, kde je a co !! Co stojíte? Runway Přijde !! Lžu !!!

Takže, co jsem tak, že prohlížeč, jako já, nespadl do hlouposti, potřebuje vědět: přesný název dokumentu, cestu k dokumentu, a místo, kde ji přivést, přesněji kde otevřít ji.

Na tento moment S pomocí programu Poznámkový blok jsme vytvořili pouze jeden dokument HTML, který mám pojmenovaný index.html (proč si vybral takové podivné jméno index.html a proč se musíte sledovat) Nevíte, co vy sami vynalezli Jméno, ale myslím, že si pamatujete a víte, kde leží, pokud se samozřejmě nejste mým velitelstvím centrály :) .. V tomto dokumentu se pokusíme vytvořit odkaz na jiný dokument, který ještě nemáme. . Takže předtím, než se obrátíte, je třeba vytvořit, prospěch z vás to je již schopný.

1. Otevřete Poznámkový blok.
2. Píšeme kód jazyk HTML.. Například stránka s množstvím fotografií.
3. Uložíme jej jako stránku HTML ve stejném pracovním telefonu, kde se první dokument, který jsme již vytvořili. Nebuďme zmateni tím, že necháte primer.html a první je také pravděpodobně přejmenován na index.html

Teď vím, že máte dva dokument HTML.a index.html a primer.html a že nyní máte minimální pro další vzdělávání.

Textové odkazy.

Získejte seznámený tag. (Z kotevní kotvy), můžete vstoupit do IT text nebo výkresu, který bude odkazován na ty nebo jiné dokumenty. Atribut tagu href. Určuje název a cestu k dokumentu, na který odkaz označuje.

Všechno je napsáno dohromady.

Zde jsou moje obrázky !!

Jak jste pravděpodobně pochopili Primer.html je název našeho druhého dokumentu HTML, a nápis "Zde jsou moje obrázky !!" Toto je text textu z souboru index.html.

Analogicky s tagem výkresů Cesta odkazu k otevřenému dokumentu je předepsána stejnými metodami:

Zde jsou moje obrázky !! - Takový záznam předpokládá, že v adresáři, kde je náš první dokument HTML dokument, složka Stranica, ve které je soubor Primer.html umístěn
Zde jsou moje obrázky !! - A to znamená, že soubor Primer.html je umístěn na úrovni nad dokumentem
Zde jsou moje obrázky !! - Dokument se nachází na webu www.site.ru ..

Zkusme to? Níže je uveden příklad dvou dokumentů, ve kterých se odkazy naznačují, jsou předepsány.

Soubor index.html:

Řekni mi, roztomilé dítě: V jakém uchu bzučící?


V že jo nebo levom?

Primer.html Soubor:

Ale nehodl jsem! Jsem bzučení v obou uších.

No, nehraju tak ...

Z příkladu je jasné, že odkazy jsou zvýrazněny barvou, výchozí hodnota je modrá - odkaz a červená - již navštívila odkaz, tyto barvy lze změnit pomocí již známé otevírací značky < body > a jeho atributy.

oDKAZ. - Barevné odkazy.
odkaz. - Barevný lisovaný, aktivní odkaz.
vlink. - Barevné navštívené odkazy.

Napsané takto:

>

Pokračování v mluví o barvě textu odkazu stojí za zmínku, že v případě potřeby je možné násilně přidělit barvu jak celý odkaz, tak i samostatné části (fráze slovní dopis) známá značka A jeho atribut barva. To však platí nejen pro barvu jako samostatně, můžete nastavit velikost, styl a písmo. Ale nezapomeňte, že manipulace s barvou by měly být prováděny uvnitř značky tady A ne mimo jiné, jinak bude link barva buď ve výchozím nastavení, nebo protože je napsána ve značce

Soubor index.html:

link \u003d "# 008000" Alink \u003d "# FF0000" VLINK \u003d "# FFFF00"\u003e

Podívejte se na frázi, která vám pomůže vzpomenout si na místa květin v duhu

R.
ALE
D.
W.
G.
ALE




Primer.html Soubor:

link \u003d "# 008000" Alink \u003d "# FF0000" VLINK \u003d "# FFFF00"\u003e

Každý
lovec
přání
znát
kde
sedí
bažant



vraťte se zpět na hlavní stránku

Jeden z vašich stránek na stránkách před Musí být voláno index.html. Je to soubor s takovým názvem na vašich stránkách bude hledat program robota, když osoba zadá jméno vašeho webu. Tak jako stránka index.html. Bude otevřen jako první, aby to hlavní. Zbytek stránek lze volat, jak chcete ... Už žádné nuance s názvy nejsou.

O registru .. Registrace názvů cesty a dokumentů nezapomeňte, že například: Page.html, page.html a page.html jsou názvy různých dokumentů! Totéž se týká názvů záložek a kreseb. Vždy zvažte registr při psaní kódu, existuje vysoká pravděpodobnost, že tato jména nebudou rozpoznána jedním nebo jiným prohlížečem. Vezměte si to za pravidlo vše psát a volat malé latinské dopisy, pak riziko lidského faktoru a rozvíjení programů bude sníženo na nulu.

Pravidlo tří kliknutí ..

Snažte se vytvořit "link strom" tak, že návštěvníka stránek se může dostat z libovolné stránky na libovolné místo stránky pro minimální počet odkazů. Pro více než tři přechody na správné místo na místě, to už není dobré. Nekonečné zatížení zbytečných stránek mohou vést k nervovému onemocnění a předčasnému uzavření místa. Postarejte se o peníze a nervy lidí.

V této lekci budeme mluvit jak udělat odkaz na HTML. Odkazy jsou velmi často používány na stránkách, umožňují přesunout z jedné stránky na druhou. Funkce odkazů je, že mohou vést nejen na webové stránce, ale také na soubory, obrázky atd.

Odkazy mohou být interní a externí. Podle vnitřní odkazy Cvičení na stránky a soubory v rámci jedné stránky. Externí odkazy vedou na stránkách třetích stran, dokumentů a souborů. Současně jsou tyto typy odkazů nastaveny téměř stejně stejně.

Jak udělat odkaz na HTML, příklady

1. Href. - zodpovědný za to, kde by měl odkaz vést. Standardní odkaz je nastaven následovně: odkaz text.

2. Cílová. - zodpovědný za jaké okno otevře dokument. Výchozí hodnota nový dokument Otevře se v aktuálním okně prohlížeče. Cílový atribut umožňuje otevřít odkaz v novém okně prohlížeče. Tento atribut má následující parametry:

• _Blank - stahuje stránku v novém okně;
• - načte stránku v aktuálním okně;
• _Parent - stahuje stránku do rámu rodiče;
• _Top - Zruší všechny snímky a stahuje stránku v novém okně.

3. Název. - Slouží k přání do určité oblasti uvnitř stránky. Po symbolu "Grid" je uveden v uvozovkách klíčové slovo (Záložka nebo štítek). Chcete-li jít na tento štítek, odkaz se používá, ve kterém je tento štítek předepsán.

Jít na stránku

Jít na stránku

Zdarma WordPress lekce

Příklad 4. Obrázky jako odkazy.

Jít na text

Textová stránka ...

V tento příklad Stránka je nastavena "Seznam" pomocí atributu "Name". Odkaz na tento štítek poskytne přechod na konkrétní oblast stránky.

Stáhnout soubor

Napsat dopis

Můžete zadat barvu referencí pomocí atributů, které jsou zadány v tagu "karoserie" jako parametry. Zvažte tyto atributy:

• odkaz - není navštíven odkaz, ve výchozím nastavení se zobrazí modře;
• aLINK je aktivní odkaz, výchozí hodnota je červená;
• vLINK - navštívený odkaz má výchozí fialovou barvu.

...

Proto jsme zjistili princip odkazů na HTML. Odkazy mohou být poskytnuty určité stylové styly. O tom lze zobrazit v lekci kliknutím na odkaz.

Jak vytvořit odkazy na dokument HTML

(Více příkladů naleznete v dolní části této stránky)

HTML hypertextové odkazy (odkazy)

Štítek Lze použít dvěma způsoby:

1. Chcete-li vytvořit odkaz na jiný dokument - pomocí atributu href
2. Chcete-li záložku uvnitř dokumentu - pomocí atributu Název

HTML Syntaxe Links.

Příklad

Navštívit stránku

to bude zobrazeno prohlížečem jako:

HTML odkazy - cílový atribut

Cílový atribut (přiřazení) označuje, kde otevřít uzamykatelný (jeden odkaz na odkaz).

Níže uvedený příklad otevře propojený dokument v novém okně prohlížeče nebo na nové kartě:

HTML Odkazy - název atributu

Atribut Název se používá k vytvoření záložky ("kotvy" / "kotva") uvnitř dokumentu HTML.

Komentář:
Úplná budoucnost HTML5 v předvídatelném budoucnosti nabídne použít atribut ID namísto atributu názvu určit název odkazu.
Pomocí atributu ID ve skutečnosti pracuje v HTML4 ve všech moderních prohlížečích.

Záložky nejsou zobrazeny žádným zvláštním způsobem. Nejsou viditelné pro čtenáře.

Komentář: Vždy přidejte uzávěr lomítko na spojení na podadresáři. Pokud vytvoříte odkaz takto: href \u003d "http: // Site / html", pak jsou generovány dvě požadavky na server, nejprve server přidá lomítko na adresu a pak vytvoří nový požadavek: href \u003d "http: // Site / html /".

Spropitné: Pojmenované odkazy se často používají k vytvoření tabulky tabulky "na začátku velkého dokumentu. Každá kapitola uvnitř dokumentu je přičítána pojmenovaném odkazu a odkazy na každou z těchto pojmenovaných kotev jsou vloženy do začátku dokumentu.

Spropitné: Pokud prohlížeč nenajde zadaný smenovaný odkaz, přejde na začátek dokumentu. Nedochází k chybám.

Hypertextové odkazy jsou jedním z nejdůležitějších složek dokumentů HTML. Důvodem této komponenty, stejně jako obvyklé vazby internetu je tak snadno použitelný. Podíváme se na nejjednodušší možnosti vložení hypertextových odkazů, které vám pomohou jako začínající programátoři zvládnout tuto lekci.

Jak vytvořit hypertextový odkaz v HTML?

Takový kód bude fungovat pouze na vašich stránkách, pro externí odkazy, nebude fungovat.

< a href=" *** ">***** < /a>

Příklad:

< a href="https://сайт/">Časopis Jak udělat všechno< /a>

V prohlížeči bude vypadat takto:

< a href="https://сайт/prigotovlenie-edy/368-kak-sdelat-malosolnye-ogurcy.html">Jak udělat nízkoúhlé okurky?< /a>

V prohlížeči budeme moci vidět následující:

Jak vytvořit hypertextový odkaz v HTML na externí web?

Pro externí odkazy by měl být kód změněn trochu. Udělat odkaz na jiné stránky, používáme kód:

< a href="*** ">***** < /a>

< a href="https://vk.com/kaksdelatvse">Jsme v kontaktu "Jak udělat všechno"< /a>