Počítače, Programování
Jak vložit hypertextový odkaz v HTML? Vytváření a používání hypertextových odkazů v HTML
Hypertext je text obsahující odkazy na jiný text. Jako příklady lze uvést poznámky autorovy na složitých definicích nebo překladu pod čarou v dolní části stránky knihy, pokud se zjistí, text v cizím jazyce. Internetové stránky jsou komplexní systém hypertextu přeskakuje z jedné stránky na druhou v rámci samotné stránky, ale i mezi nepříbuznými jednovláknové téma zdroje. Taková struktura je praktické, šetří spoustu času, umožní návštěvníkovi rychle najít informace, které potřebujete, a neztratit se ve velkém počtu přechodů.
hypertextový
V HTML vložit hypertextové odkazy pomocí deskriptor (tag) , který je vložen na správném místě. Obvykle je to mezi textem jako hypertextový odkaz sám o sobě je struktura textu. Ale odkazy jsou více grafiky (ikony, tlačítka, obrázky); z nich bude dále diskutováno. Jejich umístění na webové stránce není omezen na text, ale záleží na tvůrce webu rozhodování designu.
Toto je příklad toho, jak vložit hypertextový odkaz na HTML dokumentu, který je nesena značce. návštěvníci stránek uvidí podtržený text, který se liší od barvy okolního textu (barva HTML vložky může být cokoliv), „domovská stránka Google“, kliknutím na které se dostanete na domovskou stránku, „Google“ vyhledávači. Je třeba poznamenat, že text hypertextový odkaz by měl obsahovat informace o tom, kde je přechod bude provedeno. Tato zásada by měla být dodržován, a brát jako pravidlo!
tag struktura ...
Můžete si všimnout, že značku - čtyřhra: požadovaný tag uzavírací .
href - Atribut tag určuje cíl odkazu.
https://google.com/ - Hodnota atributu, uzavřete URL adresu zdroje, na kterém k přechodu. Je dvojité nebo jednoduché uvozovky. Záleží na struktuře hnízdní tagu pravidel HTML.
celá konstrukce je prvek webového dokumentu.
Podle pravidel HTML, některé prvky mohou obsahovat další prvky. Tag žádnou výjimku. V případě, že programátor je třeba zdůraznit tučným slovo Google, to uděláte pomocí tagu v souladu s obecnými pravidly formátování textu v pořadí vnořených tagů. Webmaster by měl vědět, jak vytvořit hypertextový odkaz v HTML bezchybného, jinak nebudou fungovat. Nefunkční odkazy na počítačovém slangu nazývá „biti“.
Zde: element
Obsahuje vnořené
Nyní stránky návštěvník vidí na hypertextový odkaz tučným písmem slovo „Google“.
absolutní hypertextové odkazy
Hypertextové odkazy, které používají absolutní URL adres stránek, které obsahují názvy domén (.ru, .com, .org, gov ), nazvaný absolutní, a mají následující syntaxi:
Protokol: // název domény / cesta k souboru
Příklad adresy rozšířená v Americe vyhledávači: https://aol.com - absolutní, protože obsahuje název domény .com.
Absolutní odkazy jsou použity pro navigaci na stránkách jiných stránkách, nebo získat přístup k prostředkům umístěných na jiném serveru. Přechod se provádí pomocí internetového protokolu. Protokoly - to není téma tohoto článku, ale jak se podílí na tvorbě hypertextových odkazů, je třeba alespoň stručně zmínit jim:
- http i https - nejčastější; pro ně přepínat mezi webovými stránkami z různých míst;
- ftp - protokol pro odesílání souborů na server, nebo si uživatel stáhne z webu;
- mailto - mail protokol, který posílá e-maily přímo z webu, aniž by k osobnímu e-mailu.
Existuje několik zpráv speciálního určení (Gopher, telnet), je poměrně vzácné, jejíž použití vyžaduje speciální znalosti programování, nebo systémové podání.
relativní hypertextové odkazy
S relativní adresování, použití hypertextových odkazů v HTML používá pro přechody v životě a nevede mimo něj. V případě, že strana je tak velký, že běží svislý posuvník, někdy velmi dlouho, jako je ve slovníku, je to velmi pohodlné a vhodné používat relativní odkazy přejít na požadované písmeno.
Vytvoření on-line slovník, programátor na začátku stránky má abecedu, a pokud ne, za použití vazeb, uživatel by měl velmi dlouhou dobu se obrátit kolo myši se dostat do písmene „I“.
Chcete-li vytvořit relativní odkaz pomocí tagu názvu atributu :
kde ya nazývá kotva, zatímco Zpět na písmeno I - kotva destinace. Pro správné zobrazení kotev se doporučuje použít písmena a čísla, takže se nemusíte psát „i“, i když by to bylo pochopitelné.
Nyní, že při přechodu z abecedy na začátku stránky na písmeno „I“, je nutné, aby se kotevní kolík v HTML dokumentu, který začíná na písmeno „I“:
v přední části kotvy stojí znak čísla, bez nichž přechod k dopisu nebude fungovat.
Relativní adresování při budování internetové stránky
Pohodlné a nejčastější algoritmus pro vytvoření softwaru webu:
- Vytvořte složku v počítači a jeho umístění na místě pro pohodlí rychlého přístupu;
- vytvořením index.html ve složce na domovské stránce;
- vytvoření sekundárního webové stránky (index.html / STR.2);
- Vytvořte složku a umístění do obrazových souborů;
- Vytvořte složku a umístění jí další objekty (soubory ke stažení, například);
- naplnění obsahu stránek;
- uvedení místa na hostování souborů.
Nutně musí být použity pro komunikační spojení mezi prvky stránky, a bude velmi užitečné vědět, jak vložit hypertextový odkaz v HTML na jinou stránku na stejném místě. Pokud se na staveništi jsou umístěny ve stejném adresáři na stejném serveru, není třeba používat absolutní adresování. Při přenosu souborů na web hosting vztah mezi objekty zůstanou, protože jsou hostování a budou umístěny do stejného adresáře.
Předpokládejme, že programátor vytvořil domovskou stránku index.html stránky, která obsahuje odkaz na jinou stránku page2.html, zdobí obraz img.PNG. Pak je relativní cesta k obrázku bude vypadat takto:
Tip: Ve studii tohoto tématu je nejlepší použít jednoduchý textový editor pro toho důvodu, že je nutné získat znalosti v hláskování přechodových adres, a naučit se rozumět někoho jiného kódu. V této fázi bude dobrý výsledek bez chyb psaný na hypertextový odkaz v notebooku, HTML není jim odpustit, a dává chybu.
Metody klepnutí na hypertextový odkaz
Ve výchozím nastavení je nová stránka se otevře v aktuálním okně prohlížeče, když uživatel klikne na hypertextový odkaz. Ale web programátor může změnit výchozí nastavení a vynutit otevření stránky, například v novém okně. K tomuto účelu je cíl atributu s určitou své hodnoty. Nikde je možné vyjádřit v tabulce.
| _blank | otevře stránku v novém okně prohlížeče |
| _self | otevře stránku v aktuálním okně (výchozí nastavení) |
| _parent | otevře stránku v nadřazeném rámu |
| _top | použití rámců je všechny zrušit a otevře stránku v aktuálním okně prohlížeče |
Syntaxe pro použití atributů cílení:
Home „Google“ se otevře v novém okně.
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ů
Zkušený uživatel internetu v průběhu času, měl si všiml, že odkazy se liší v barvě od okolního textu, a oni jsou obvykle modré. Odkazy na kterém míjel, a pak se vrátil na předchozí stránku, jsou šeřík. Pomocí hypertextových odkazů v HTML v nestandardních barev trochu, ale přiděluje místo mezi ostatními.
Nastaví barvu odkazů na značku
pomocí atributy a jejich hodnoty, které slouží barvu HTML v rgb systému (# 00FF00) nebo s přímým uvedením názvu barvy (zelená «»). Existují tři typy atributů pro odkazy:- link - definuje barvu nenavštívené odkazy;
- vlink - určuje barvu odkazů, jehož prostřednictvím se uživatel již uplynulo;
- alink - určuje barvu odkazu při přepnutí na jinou stránku. To je velmi jednoduché, takže nelze vždy chytit tento efekt.
Příklad označení:
Použijete-li tyto atributy v tagu
, bude odkaz na webové dokumentu být tmavě modré, navštívil - fialové a aktivní - oranžovo-červené.grafické odkazy
Pokrok a rozvoj internetových stránek vyžadovat vědět, jak vložit hypertextový odkaz v HTML jako obrázek. Je zřejmé, že obraz musí odpovídat obsahu cílové 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 tlačítky statické () na krásnou grafiku vytvořil web designer v grafickém editoru (GIMP, Photoshop).
Chcete-li vložit obrázek jako hypertextové odkazy na stránkách webu používá stejnou syntaxi, ale místo textu používat značku obrázku vložením pravidla HTML:
Do tagu v stejným způsobem použitelné atributy zadat alternativní text, šířka, výška, a další.
Volání z webových stránek
html5 standardní rozšířila funkčnost používání internetu a nyní můžete volat nejen z telefonu, ale přímo z webu. Pro tento účel lze použít také hypertextové odkazy v dokumentu HTML, a mají následující syntaxi:
Místo slova „stranou“ se předepisuje intuitivní kontakt volajícího v telefonním seznamu. Můžete také umístit grafický soubor (uživatelské foto).
Že hovory byly provedeny na místě, musíte mít nejen odkaz na telefonní číslo účastníka, ale také sluchátka s mikrofonem (mikrofon, sluchátka) v počítači nainstalována VoIP-programu, rychlost internetu by neměla překročit 0,5 MB / sec. Platba za hovory uskutečněné plynulost dopravy. Proto v případě, že Internet je neomezený, hovory jsou zdarma.
Etika vytvářet hypertextové odkazy
Umístěním stránky na internetu, webmaster by měl vědět, jaké jsou hypertextové odkazy v HTML, a to nejen právo používat profesionálně, ale také dodržovat následující ustanovení:
- Hypertextového odkazu musí být snadno viditelné, odlišný od svého okolního textu. Uživatel musí vědět, že to je - hypertextový odkaz.
- Uživatel by měl být jasné, kde bude mít po kliknutí na tento odkaz. K tomu, že je vhodné použít více atributů titul, který stručně popisuje konverzní stránku. Syntaxe atributu aplikace je:
- Uživatel musí získat přesné informace o souboru, bude stažen, když kliknete na odkaz.
Jakmile není očekávaný stránky nebo stažením špatný soubor, uživatel je 99% okamžitě opustit místo a nikdy na něj nešel do budoucna.
Anti-Seo vytvořit hypertextové odkazy
Kromě technické stránky na otázku, jak vložit hypertextový odkaz v HTML, je třeba zdůraznit větší a morální aspekt. Existuje mnoho internetových stránek, na něž je blokován uživatelům softwaru pro zabezpečení (Antivirus), nebo dokonce stát přístup. Jedná se o stránky, které byly vytvořeny na nečistou webové programátory ruce.
Jedním z triků, které Resort - je vložit „neviditelné“ hypertextový odkaz na webové stránce. Podvodníci vědí, jak vytvořit hypertextový odkaz v HTML a pomocí atributu podtržení, aby se odstranily odkazy a přiřadit mu barvu okolního textu tak, že průměrný uživatel nemá ji vidět. A s pomocí dalších webových technologií nástrojů (CSS, JavaScript, PHP) mohou být naprogramovány jejich chování. Například onmouseover JavaScript událost jazyk aktivuje účinek prvky webové stránky. Když uživatel drží kurzor do neviditelné spojení, se dostane na inzertních stránkách jiné stránky. Nebo ještě hůř, když je neviditelný odkaz na soubor ve svém počítači a začne staženy a nainstalovány nepotřebné software. Typicky, virus, který změnil domovskou stránku prohlížeče, smetí pevný disk a další masové programy.
Brzy taková místa spadnout do „černé listině“ virové databáze, bezpečnost a životní prostředí uživatelů internetu. Taková místa nevydrží dlouho, a oni mají změnit jejich jména migrovat do nekonečna na internetu, změna poskytovatele hostitele. To nepřispívá k podpoře místě, ke kterému vždy hledá jeho tvůrce, nikdy dělat to megaportals, jako je například sociální sítě. Mimo jiné, tyto triky způsobit mnoho negativních emocí u obětí těchto lidských činností.
Similar articles
Trending Now