Počítače, Programovanie
Ako vložiť hypertextové prepojenie v HTML? Vytváranie a používanie hypertextových odkazov v HTML
Hypertext je text obsahujúci odkazy na iný text. Ako príklady možno uviesť poznámky autorové na zložitých definíciách alebo preklade pod čiarou v dolnej časti stránky knihy, ak sa zistí, text v cudzom jazyku. Internetové stránky sú komplexný systém hypertextu preskakuje z jednej stránky na druhú v rámci samotnej stránky, ale aj medzi nepríbuznými jednovláknové tému zdroje. Takáto štruktúra je praktické, šetrí veľa času, umožní návštevníkovi rýchlo nájsť informácie, ktoré potrebujete, a nestratiť sa vo veľkom počte prechodov.
hypertextový
V HTML vložiť hypertextové odkazy pomocou deskriptor (tag) , ktorý je vložený na správnom mieste. Zvyčajne je to medzi textom ako hypertextový odkaz sám o sebe je štruktúra textu. Ale odkazy sú viac grafiky (ikony, tlačidlá, obrázky); z nich bude ďalej diskutované. Ich umiestnenie na webovej stránke nie je obmedzený na text, ale záleží na tvorcov webe rozhodovaní dizajnu.
Toto je príklad toho, ako vložiť hypertextové prepojenie na HTML dokumentu, ktorý je nesená značke. návštevníci stránok uvidia podčiarknutý text, ktorý sa líši od farby okolitého textu (farba HTML vložky môže byť čokoľvek), "domovská stránka Google", kliknutím na ktoré sa dostanete na domovskú stránku, "Google" vyhľadávači. Je potrebné poznamenať, že text hypertextový odkaz by mal obsahovať informácie o tom, kde je prechod bude vykonané. Táto zásada by mala byť dodržiavaný, a brať ako pravidlo!
tag štruktúra ...
Môžete si všimnúť, že značku - štvorhra: požadovaný tag uzatváracie .
href - Atribút tag určuje cieľ odkazu.
https://google.com/ - Hodnota atribútu, uzavrite URL adresu zdroja, na ktorom k prechodu. Je dvojité alebo jednoduché úvodzovky. Záleží na štruktúre hniezdnu tagu pravidiel HTML.
celá konštrukcia je prvok webového dokumentu.
Podľa pravidiel HTML, niektoré prvky môžu obsahovať ďalšie prvky. Tag žiadnu výnimku. V prípade, že programátor je potrebné zdôrazniť tučným slovo Google, to urobíte pomocou tagu v súlade so všeobecnými pravidlami formátovania textu v poradí vnorených tagov. Webmaster by mal vedieť, ako vytvoriť hypertextový odkaz v HTML bezchybného, inak nebudú fungovať. Nefunkčné odkazy na počítačovom slangu nazýva "bití".
Tu: element
obsahuje vnorené
Teraz stránky návštevník vidí na hypertextový odkaz tučným písmom slovo "Google".
absolútny hypertextové odkazy
Hypertextové odkazy, ktoré používajú absolútnu URL adries stránok, ktoré obsahujú názvy domén (.ru, .com, .org, gov ), nazvaný absolútna, a majú nasledujúcu syntax:
Protokol: // názov domény / cesta k súboru
Príklad adresy rozšírená v Amerike vyhľadávači: https://aol.com - absolútna, pretože obsahuje názov domény .com.
Absolútne odkazy sú použité pre navigáciu na stránkach iných stránkach, alebo získať prístup k prostriedkom umiestnených na inom serveri. Prechod sa vykonáva pomocou internetového protokolu. Protokoly - to nie je téma tohto článku, ale ako sa podieľa na tvorbe hypertextových odkazov, je potrebné aspoň stručne spomenúť im:
- http aj https - najčastejšie; pre nich prepínať medzi webovými stránkami z rôznych miest;
- ftp - protokol pre odosielanie súborov na server, alebo si užívateľ stiahne z webu;
- mailto - mail protokol, ktorý posiela e-maily priamo z webu bez toho, aby k osobnému e-mailu.
Existuje niekoľko správ špeciálneho určenia (Gopher, telnet), je pomerne vzácne, ktorej použitie vyžaduje špeciálne znalosti programovania, alebo systémové podanie.
relatívna hypertextové odkazy
S relatívna adresovanie, použitie hypertextových odkazov v HTML používa pre prechody v živote a nevedie mimo neho. V prípade, že strana je tak veľký, že beží zvislý posúvač, niekedy veľmi dlho, ako je v slovníku, je to veľmi pohodlné a vhodné používať relatívne odkazy prejsť na požadované písmeno.
Vytvorenie on-line slovník, programátor na začiatku stránky má abecedu, a ak nie, za použitia väzieb, používateľ by mal veľmi dlhú dobu sa obrátiť koleso myši sa dostať do písmena "I".
Ak chcete vytvoriť relatívna odkaz pomocou tagu názvu atribútu :
kde ya nazýva kotva, zatiaľ čo Späť na písmeno I - kotva destinácia. Pre správne zobrazenie kotiev sa odporúča použiť písmená a čísla, takže sa nemusíte písať "i", aj keď by to bolo pochopiteľné.
Teraz, že pri prechode z abecedy na začiatku stránky na písmeno "I", je nutné, aby sa kotevné kolík v HTML dokumente, ktorý začína na písmeno "I":
v prednej časti kotvy stojí znak čísla, bez ktorých prechod k listu nebude fungovať.
Relatívna adresovanie pri budovaní internetové stránky
Pohodlné a najčastejšie algoritmus pre vytvorenie softvéru webu:
- Vytvorte priečinok v počítači a jeho umiestnenie na mieste pre pohodlie rýchleho prístupu;
- vytvorením index.html v priečinku na domovskej stránke;
- vytvorenie sekundárneho webovej stránky (index.html / str.2);
- Vytvorte priečinok a umiestnenie do obrazových súborov;
- Vytvorte priečinok a umiestnenie jej ďalšie objekty (súbory na stiahnutie, napríklad);
- naplnenie obsahu stránok;
- uvedenie miesta na hosťovaní súborov.
Nutne musí byť použité pre komunikačné spojenie medzi prvkami stránky, a bude veľmi užitočné vedieť, ako vložiť hypertextové prepojenie v HTML na inú stránku na rovnakom mieste. Ak sa na stavenisku sú umiestnené v rovnakom adresári na rovnakom serveri, nie je potrebné používať absolútna adresovanie. Pri prenose súborov na web hosting vzťah medzi objektmi zostanú, pretože sú hosťovaní a budú umiestnené do rovnakého adresára.
Predpokladajme, že programátor vytvoril domovskú stránku index.html stránky, ktorá obsahuje odkaz na inú stránku page2.html, zdobí obraz img.PNG. Potom je relatívna cesta k obrázku bude vyzerať takto:
Tip: V štúdii tejto témy je najlepšie použiť jednoduchý textový editor pre toho dôvodu, že je potrebné získať vedomosti v hláskovanie prechodových adries, a naučiť sa rozumieť niekoho iného kódu. V tejto fáze bude dobrý výsledok bez chýb písaný na hypertextový odkaz v notebooku, HTML nie je im odpustiť, a dáva chybu.
Metódy kliknutí na hypertextový odkaz
Štandardne je nová stránka sa otvorí v aktuálnom okne prehliadača, keď užívateľ klikne na hypertextové prepojenie. Ale web programátor môže zmeniť predvolené nastavenie a vynútiť otvorenie stránky, napríklad v novom okne. K tomuto účelu je cieľ atribútu s určitou svoje hodnoty. Nikde je možné vyjadriť v tabuľke.
| _blank | otvorí stránku v novom okne prehliadača |
| _self | otvorí stránku v aktuálnom okne (predvolené nastavenie) |
| _parent | otvorí stránku v nadradenom ráme |
| _top | použitie rámcov ich všetky zrušiť a otvorí stránku v aktuálnom okne prehliadača |
Syntax pre použitie atribútov zacielenia:
Home "Google" sa otvorí v novom okne.
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
Skúsený používateľ internetu v priebehu času, mal si všimol, že odkazy sa líšia v farbe od okolitého textu, a oni sú zvyčajne modré. Odkazy na ktorom míňal, a potom sa vrátil na predchádzajúcu stránku, sú orgován. Pomocou hypertextových odkazov v HTML v neštandardných farieb trochu, ale prideľuje miesto medzi ostatnými.
Nastaví farbu odkazov na značku
pomocou atribúty a ich hodnoty, ktoré slúžia farbu HTML v rgb systéme (# 00FF00) alebo s priamym uvedením názvu farby (zelená «»). Existujú tri typy atribútov pre odkazy:- link - definuje farbu nenavštívené odkazy;
- vlink - určuje farbu odkazov, prostredníctvom ktorého sa užívateľ už skončilo;
- alink - určuje farbu odkazu pri prepnutí na inú stránku. To je veľmi jednoduché, takže nemožno vždy chytiť tento efekt.
Príklad označenia:
Ak použijete tieto atribúty v tagu
, bude odkaz na webovej dokumente byť tmavo modré, navštívil - fialové a aktívne - oranžovo-červené.grafické odkazy
Pokrok a rozvoj internetových stránok vyžadovať vedieť, ako vložiť hypertextové prepojenie v HTML ako obrázok. Je zrejmé, že obraz 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ť tlačidlami statické () na krásnu grafiku vytvoril web designer v grafickom editore (GIMP, Photoshop).
Ak chcete vložiť obrázok ako hypertextové odkazy na stránkach webu používa rovnakú syntax, ale namiesto textu používať značku obrázku vložením pravidlá HTML:
Do tagu v rovnakým spôsobom použiteľné atribúty zadať alternatívny text, šírka, výška, a ďalšie.
Volanie z webových stránok
html5 štandardné rozšírila funkčnosť používanie internetu a teraz môžete volať nielen z telefónu, ale priamo z webu. Pre tento účel možno použiť aj hypertextové odkazy v dokumente HTML, a majú nasledujúcu syntax:
Namiesto slova "strana" sa predpisuje intuitívne kontakt volajúceho v telefónnom zozname. Môžete tiež umiestniť grafický súbor (užívateľské foto).
Že hovory boli vykonané na mieste, musíte mať nielen odkaz na telefónne číslo účastníka, ale aj slúchadlá s mikrofónom (mikrofón, slúchadlá) v počítači nainštalovaný VoIP-programu, rýchlosť internetu by nemala prekročiť 0,5 MB / sec. Platba za hovory uskutočnené plynulosť dopravy. Preto v prípade, že Internet je neobmedzený, hovory sú zadarmo.
Etika vytvárať hypertextové odkazy
Umiestnením stránky na internete, webmaster by mal vedieť, aké sú hypertextové odkazy v HTML, a to nielen právo používať profesionálne, ale aj dodržiavať nasledujúce ustanovenia:
- Hypertextového odkazu musí byť ľahko viditeľné, odlišný od svojho okolitého textu. Užívateľ musí vedieť, že to je - hypertextový odkaz.
- Užívateľ by mal byť jasné, kde bude mať po kliknutí na tento odkaz. K tomu, že je vhodné použiť viac atribútov titul, ktorý stručne popisuje stránku konverzie. Syntax atribútu aplikácie je:
- Užívateľ musí získať presné informácie o súbore, bude stiahnutý, keď kliknete na odkaz.
Akonáhle nie je očakávaný stránky alebo stiahnutím zlý súbor, používateľ je 99% okamžite opustiť miesto a nikdy na neho nešiel do budúcnosti.
Anti-Seo vytvoriť hypertextové odkazy
Okrem technickej stránky na otázku, ako vložiť hypertextové prepojenie v HTML, je potrebné zdôrazniť väčšie a morálne aspekt. Existuje mnoho internetových stránok, na ktoré je blokovaný používateľom softvéru pre zabezpečenia (Antivirus), alebo dokonca stať prístup. Jedná sa o stránky, ktoré boli vytvorené na nečistú webovej programátorov ruky.
Jedným z trikov, ktoré Resort - je vložiť "neviditeľné" hypertextový odkaz na webovej stránke. Podvodníci vedia, ako vytvoriť hypertextový odkaz v HTML a pomocou atribútu podčiarknutie, aby sa odstránili odkazy a priradiť mu farbu okolitého textu tak, že priemerný užívateľ nemá ju vidieť. A s pomocou ďalších webových technológií nástrojov (CSS, JavaScript, PHP) môžu byť naprogramované ich správanie. Napríklad onmouseover JavaScript udalosť jazyk aktivuje účinok prvky webovej stránky. Keď používateľ drží kurzor do neviditeľnej spojenie, sa dostane na inzertných stránkach iné stránky. Alebo ešte horšie, keď je neviditeľný odkaz na súbor vo svojom počítači a začne stiahnuté a nainštalované nepotrebné softvér. Typicky, vírus, ktorý zmenil domovskú stránku prehliadača, smeti pevný disk a ďalšie masové programy.
Čoskoro také miesta spadnúť do "čiernej listine" vírusovej databázy, bezpečnosť a životné prostredie užívateľov internetu. Takéto miesta nevydrží dlho, a oni majú zmeniť ich mená migrovať do nekonečna na internete, zmena poskytovateľa hostiteľa. To neprispieva k podpore mieste, ku ktorému vždy hľadá jeho tvorca, nikdy robiť to megaportals, ako je napríklad sociálne siete. Okrem iného, tieto triky spôsobiť mnoho negatívnych emócií u obetí týchto ľudských činností.
Similar articles
Trending Now