Kontakty

Hypertextový odkaz nefunguje v HTML. Hypertextový odkaz je to, čo je, ako urobiť odkaz a vložiť do HTML Code (HREF, Cieľka Blank a ďalšie atribúty značky A). Tlačidlo Link s štýlmi CSS

V tejto lekcii budeme hovoriť ako urobiť odkaz na HTML. Odkazy sú veľmi často používané na stránkach, umožňujú presunúť sa z jednej stránky stránok na druhú. Funkcia odkazov je, že môžu viesť nielen na webovej stránke, ale aj na súboroch, obrázkoch atď.

Odkazy môžu byť interné a externé. Vo interných odkazoch sa vykonávajú na stránky a súbory v rámci jednej lokality. Externé odkazy vedú na stránkach tretích strán, dokumentov a súborov. Zároveň sú tieto typy referencie nastavené, takmer rovnako.

Ako urobiť odkaz na HTML, príklady

1. Href. - zodpovedné za miesto, kde by mal odkaz viesť. Štandardný odkaz je nastavený takto: Link Text.

2. Cieľ. - Zodpovedný za to, aké okno otvorí dokument. V predvolenom nastavení sa nový dokument otvorí v aktuálnom okne prehliadača. Cieľový atribút vám umožňuje otvoriť odkaz v novom okne prehliadača. Tento atribút má nasledujúce parametre:

  • _Blank - stiahne stránku v novom okne;
  • _ SAMS - načíta stránku do aktuálneho okna;
  • _Porent - stiahne stránku do rámca;
  • _Top - zruší všetky rámy a prevzatie stránky v novom okne.

3. Názov. - používa sa na prejsť na konkrétnu oblasť vo vnútri stránky. Po symbolu "GRID" sa kľúčové slovo (záložka alebo štítok) označuje v úvodzovkách. Ak chcete prejsť na tento štítok, používa sa odkaz, v ktorom je tento štítok predpísaný.

Príklad externého odkazu

Choďte na stránku



Choďte na stránku
Voľný WordPress lekcie

Príklad 4. Obrázky ako odkazy.

Príklad obrazu ako referencie



Príklad odkaz na konkrétne miesto na stránke

Prejdite na text

Textová stránka ...



V tomto príklade je štítok zoznamu nastavený na stránke pomocou atribútu názvu. Odkaz na tento štítok poskytne prechod na určitú oblasť stránok.

Stiahnuť súbor
Napísať list

Môžete zadať farbu referencií pomocou atribútov, ktoré sú špecifikované v značke "Telo" ako parametre. Zvážte tieto atribúty:

  • odkaz - Neprijaté odkazy, štandardne sa zobrazuje modrá;
  • aLINK je aktívny odkaz, predvolená hodnota je červená;
  • vLINK - navštívil odkaz, má predvolenú fialovú farbu.
Príklad sady farby pre odkazy ...

Preto sme prišli na princíp odkazov na HTML. Odkazy môžu byť uvedené určité štýly dizajnu. Môžete zobraziť v lekcii kliknutím na odkaz.

Myslím, že už pochopíte, čo bude diskutovať v tejto kapitole .. A viete, čo je odkaz, ak nie, potom kliknite sem .. K dispozícii je niekoľko typov odkazov, ako aj "mechanizmy" prechodu na nich. V tejto kapitole sa pokúsim podrobne povedať o tom, ako znovu získať odkazy, a tiež venovať v jemnosti prípadu pri práci s nimi.

Lyritárová odbočka:
Nejako sa mi hlava ústredia prichádza v armáde a dáva objednávku, citácii:
Prineste mi tento dokument, ale neviem, kde je a čo! Čo stojíte? Runway Poď! Klamem !!!

Takže, čo som tak, že prehliadač, ako som potom, nepatril do hlúpyho, potrebuje vedieť: presný názov dokumentu, cesta k dokumentu a miesto, kde to, kde to, presnejšie, kde otvoriť.

V súčasnej dobe, s pomocou notebooku sme vytvorili len jeden dokument HTML, mám to, že som pomenoval index.html (prečo si vybral taký podivný názov index.html a prečo potrebujete sledovať b) neviete, čo ste vy Prišiel sa sám, ale myslím si, že si ho spomeniete a viem, kde leží, ak, samozrejme nie ste moje sídlo :) .. V tomto dokumente sa pokúsime vytvoriť odkaz na iný dokument, ktorý ešte nemusíme 't .. Takže predtým, ako sa mu odvolával, je potrebné vytvoriť výhodu, ktorú už viete, ako.

  1. Otvorte poznámkový blok.
  2. Napíšte kód na jazyku HTML. Napríklad stránka s množstvom fotografií.
  3. Uložíme ho ako HTML stránku v tom istom pracovnom priestore, kde prvý dokument, ktorý sme už vytvorili. Poďme sa zamieňať tým, že necháte ho primer.html a prvý je pravdepodobne premenovaný v index.html

Teraz viem, že máte dva HTML dokumenty index.html a primer.html a teraz máte minimálny súbor pre ďalšie učenie.

Textové odkazy.

Zoznámte sa (Z kotvy kotvy) môžete vstúpiť do IT textu alebo kresbu, ktorý bude odkazovať na tie alebo iné dokumenty. Atribút tagu href. Určuje názov a cestu k dokumentu, na ktorý sa odkaz označuje.

Všetko je spolu.

Tu sú moje obrázky!

Ako ste pravdepodobne pochopili primér.html je názov nášho druhého dokumentu HTML a nápis "Tu sú moje obrázky! Toto je kus textu od súboru index.html.

Analógiou s tagom kresieb Cesta prepojenia k otvorenému dokumentu je predpísaná rovnakými metódami:

Tu sú moje obrázky! - Takýto záznam predpokladá, že v adresári, kde je náš prvý HTML DOKUMENTOU DOKUMENTOM DOKUMENTOM JE PRIESTORY STRANICA, v ktorom sa nachádza súbor Primer.html
Tu sú moje obrázky! - A to znamená, že súbor primer.html sa nachádza na úrovni nad dokumentom
Tu sú moje obrázky! - Dokument sa nachádza na stránke www.site.ru ..

Skúsme to? Nižšie je uvedený príklad dvoch dokumentov, v ktorých sú odkazy predpísané.

File index.html:



Urobte odkaz text





Povedz mi, roztomilé dieťa: v ktorom uchom je bzučanie?


V správny alebo levom?





Primer.html súbor:



Postupujte podľa odkazu





Ale nemyslel som! Budem bzučať v oboch ušiach.



No, nehrajem tak ...





Z príkladu je zrejmé, že odkazy sú zvýraznené farbou, predvolený je modro - odkaz a červená - už navštívila odkaz, tieto farby sa dajú zmeniť pomocou už známej otváracej značky < body > a jeho atribúty.

odkaz. - Farebné odkazy.
odkaz. - Stlačené na farbu, aktívny odkaz.
vLKER. - Navštívené odkazy na farbu.

Písané takto:

>

Pokračovanie v rozhovore o farbe textového odkazu stojí za zmienku, že v prípade potreby je možné násilne prideliť do celej spojenie a jeho samostatné časti (frázy slova list) známeho tagu A jeho atribút farba. Avšak, toto sa vzťahuje nielen na farbu ako samostatne, môžete nastaviť veľkosť, štýl a text písma. Ale pamätajte, že manipulácie s farbou by mali byť vykonané vo vnútri tagu tu A nie ďalej, inak bude farba odkazu buď štandardne, alebo keďže je napísaná v značke

File index.html:



Dúha

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


Pozrite sa na frázu, ktorá vám pomôže zapamätať si miesta kvetov v dúhe




Ročník
ALE
D.
W.
G.
ALE






Primer.html súbor:



Dúha

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



Každý
lovec
priania
nechať
kde
sedí
bažant



vráťte sa na hlavnú stránku




    Jeden z vašich stránok na stránke predtým Musí byť nazývaný index.html. Je to súbor s takýmto názvom na vašich stránkach bude hľadať program robota, keď osoba vstupuje do mena vašej stránky. Tak ako stránka index.html Bude otvorený ako prvý, aby bol hlavným. Zvyšok stránok môže byť volaný, ako sa vám páči ... NIE JE NEPOUŽÍVAJÚCE NÁKLADY S NÁZVAMI NIE JE.

    O registrácii .. registrácia názvov cesty a dokumentov si pamätajte, že napríklad: Page.html, Page.html a Page.html, Page.html a Page.html, sú mená rôznych dokumentov! Rovnako sa týka mená záložiek a výkresov. Vždy zvážte register pri písaní kódu, existuje vysoká pravdepodobnosť, že takéto mená nebudú rozpoznané jedným alebo iným prehliadačom. Vezmite si to pravidlo Všetko písať a zavolať malé latinské listy, potom sa riziko ľudského faktora a rozmarné programy zníži na nulu.

    Pravidlo troch kliknutí ..

    Snažte sa vytvoriť "Link Strom", aby sa návštevník stránok mohol dostať z ktorejkoľvek z jeho stránky na ľubovoľnú stránku stránok pre minimálny počet odkazov. Pre viac ako tri prechody na správne miesto na mieste, to už nie je dobré .. Nekonečné zaťaženie zbytočných stránok môžu viesť k nervovej poruche a predčasnému zatvoreniu lokality. Postarajte sa o peniaze a nervy ľudí.

Ahoj Vážení čitatelia blogu. Dnes budeme hovoriť ako vytvoriť hypertextové odkazy v html, Naučte sa používať značku A jeho atribúty href a cieľ, naučiť sa, ako urobiť odkaz.

Hypertextové odkazy sú kľúčovými prvkami webovej stránky. Viažu sa rozptýlené stránky HTML spolu v plnohodnotnej webovej stránke. Zvyčajne sa odkazy zobrazujú ako podčiarknutý textový fragment, keď sa vznášate nad ktorými, kurzor myši nadobúda typ ukazovacieho prsta. Okrem toho môže mať hypertextový odkaz formu grafického obrazu alebo jeho fragmentu. Keď kliknete na odkaz, prehliadač načíta webovú stránku, ktorej adresa je špecifikovaná v atribútoch tohto odkazu. Hypertextové odkazy vám umožňujú odkazovať na interné stránky vašej stránky a akékoľvek iné zdroje na internete.

Vytvorenie textových hypertextových odkazov

Začnime s jednoduchým a zvážiť vytvorenie obyčajného textický Odkazy. Vytvoriť textový hypertextový odkaz, akýkoľvek fragment textu, ktorý by mal byť odkazovaný na záver pár . A B. atribút href. Táto značka musí zadať adresu cieľovej webovej stránky na internete:

page 15.

V tomto fragmente HTML kódu je vytvorený odsek, ktorý obsahuje odkaz. Odkaz označuje webovú stránku stránky15.html, ktorá sa nachádza v priečinku katalógu uloženého v koreňovom priečinku stránky www.site.ru.

strana 15

Ak stránka nepoužíva štýly CSS a dodatočné atribúty sa neuplatňujú, potom sa zobrazia hypertextové odkazy na predvolenej stránke nasledovne:

  • bežné odkazy sa zobrazujú v modrej;
  • navštívené odkazy sú zvýraznené fialovou farbou;
  • aktívny hypertextový odkaz (ktorý je momentálne v súčasnosti kliknutý) sa zobrazuje v červenej farbe, ale od času medzi kliknutím na odkaz a začiatok sťahovania nového dokumentu je pomerne malý, takýto odkaz je pomerne stručný;
  • text odkazu sa zobrazí s podčiarknutím.

Internetové adresy

Úplná adresa obsahuje internetovú adresu webového servera a cesta k súboru, ktorý chcete prijať. Napríklad:

http://www.site.ru/catalog/page15.html

Tu www.site.ru adresa webového servera a /catalog/page15.html je cesta k súboru na tomto serveri. Všeobecne platí, že zvyčajne plné internetové adresy používajú len vtedy, ak potrebujete vytvoriť hypertextový odkaz, ktorý označuje akékoľvek zdroje umiestnené na inej webovej stránke.

Pri vytváraní hypertextových odkazov označujúcich súbory, ktoré sú súčasťou rovnakej stránky ako aktuálna webová stránka, je lepšie použiť skrátené internetové adresy. Skrátená adresa obsahuje iba cestu k súboru na serveri, pretože Adresa webového servera je už známa prehliadačom.

Skrátené internetové adresy sú absolútny a relatívny. Absolútna adresa nastaví cestu k cieľovému súboru vzhľadom na koreňový priečinok stránky. Táto adresa začína symbolom / (lomkou), ktorý označuje koreňový priečinok. Napríklad adresa "/page15.html" označuje súbor Page15.html, ktorý je uložený v koreňovom priečinku stránky. Alebo adresa "/catalog/page.html" označuje súbor Page.html, ktorý je umiestnený v priečinku katalógu investovaných do koreňového priečinka stránky.

Relatívna adresa prejde do súboru vzhľadom na súbor aktuálnej webovej stránky. Relatívne adresy neobsahujú symbol lomky na začiatku. Zvážte niekoľko príkladov.

Napríklad adresa "Page.HTML" označuje súbor, ktorý je v rovnakom priečinku ako aktuálny súbor webových stránok. A adresa "Katalóg / strana.html" otvorí súbor Page.HTML uložený v priečinku katalógu investovaných v priečinku, v ktorom je aktuálna stránka uložená. Pomocou dvoch bodov na prvé adresy môžete špecifikovať priečinky predchádzajúcej úrovne hniezdenia. Napríklad adresa "... / strana.html" označuje stránku Page.HTML uložená v priečinku, na ktorú je priečinok investovaný s aktuálnou webovou stránkou.

Odkaz na Mail

Pomocou jazyka HTML môžete vytvoriť poštové hypertextové odkazyKliknutím na ktoré spustí program Mail Client. Pri zadávaní adresy v atribúte href.pred odoslaním e-mailu "Mailto:". Vhodné: HREF \u003d "Mailto: [Chránené e-mail]". A po dvojbodku pred poštovou adresou by nemali byť medzery.

napísať list

Ako urobiť odkaz obrázku

Ak chcete povedať o vytvorení hypertextových odkazov, skončím, pripomínajte iba zvýraznenia:

  1. Vytvorenie odkazov pomocou párovej značky S požadovaným atribútom HREF je hodnota cieľovej stránky umiestnená v hodnote: text;
  2. Pri vytváraní poštového odkazu v atribúte HREF musíte nainštalovať "mailto:": Napíšte list;
  3. Ak potrebujete vytvoriť odkaz,potom stačí dať mimoriadnu značku do tagu : .

Hypertextové odkazy sú hlavnou výhodou webových stránok. Je to v podstate a tam je jadro sveta širokého webu. Takže bez toho, aby niečo, čo zostalo len ďalší prostriedok na zobrazenie dokumentov. Sú viditeľné mapovanie technológie komunikácie širokej škály internetových zdrojov, čo vytvára jedinečnú integráciu siete.

Všetci dobre vieme, že ak pri sledovaní webovej stránky, prineste kurzor myši na hypertextový odkaz v obsahu webovej stránky, potom kurzor trvá tvar ruky s predĺženým bodovým prstom a jediným kliknutím na tento hypertextový odkaz spôsobí Prehliadač, ktorý zistil, že zdroj on-line, na ktorom hypertextový odkaz označuje a sťahuje ho.

Akýkoľvek fragment viditeľného obsahu webovej stránky, t.j. a textu a grafických obrázkov možno vykonať ako hypertextový odkaz. To používa značku<а> s jeho zatváraním dvojča. Zvážte najjednoduchší príklad.

Zoznam 1.15

"http://www.w3.org/tr/html4/strict.dtd"\u003e

Hypertextové odkazy
<р>Správny text.
Hypersylka na inú webovú stránku



Obr. 1.15. Okno prehliadača s displejom výsledok súboru uvedeného v zozname 1,15

Ako ľahko vidieť na obr. 1.15, hypertextový odkaz je tiež zvýraznený farbou, takže sa dá odlíšiť od bežného textu. Výberová farba je nastavená vzdialeným užívateľom vo svojom prehliadači, ale máme možnosť explicitne označiť, ktorá farba sa používa na zvýraznenie hypertextových odkazov so štylizovanými tabuľkami. Budeme sa zaoberať ich aplikáciou v ďalšej kapitole. Ak sa pozrieme na kód výpisu 1.15, uvidíme, že text, s ktorým je hypertextový odkaz spojený, je zarámovaný značkami<а> a. V tomto prípade má otvárací značka parameter HREF, ako je hodnota URL internetového zdroja, na ktoré sa používa hypertextový odkaz. Zároveň môže byť URL taká úplná, t.j. obsahuje názov prístupového protokolu k zdroju, názov stránky a stránky, ako napríklad, "http://www.mysite.com/Mypage.htm"A relatívna, keď je uvedená cesta k dokumentu na rovnakom mieste, kde je pôvodná webová stránka. Tým sa použije kód približne nasledujúceho typu:

<а href="/chap2/page1.htm">

Tu sa odkazujeme na webovú stránku nachádzajúcu sa v súbore s názvom Pagel.htm, ktorý sa nachádza v katalógu Chap2.
Všeobecne platí, že adresa URL by mala byť povedané niekoľko ďalších. Toto sú jediné a absolútne presné prostriedky na identifikáciu všetkých zdrojov zverejnených v sieti. Vo všeobecnosti môže byť napísaný takto:

http://www.mysite.com/floder1/file1.htm

Samotná adresa URL možno rozdeliť na tri logické časti. Na samom začiatku URL popisujeme protokol, pre ktorý je k dispozícii prístup k internetovým zdrojom. Pre webové stránky sa používa protokol HTTP, ako v našom príklade. Ak potrebujete nainštalovať hypertextový odkaz na súbor, umiestnený na FTP serveri, tento názov je zaznamenaný v počiatočnej časti URL. K dispozícii je tiež mechanizmus, ktorý vám umožňuje pri stlačení myši s hypertextovým odkazom, aktivujte e-mailový klient nainštalovaný užívateľom v predvolenom systéme a začnite písať list, zároveň špecifikuje adresu príjemcu. Na tento účel sa používa nasledujúci hypertextový odkaz:

<а href="mailto://[Chránené e-mail]">

Ako je možné vidieť, pole Mailto Key sa používa ako označenie protokolu a po hrubom čreve a páre lomky, ktoré vždy oddeľujú názov protokolu z hlavnej časti adresy, e-mailová adresa je zaznamenaná, na ktorú e-mail Napísal ho užívateľ.

Druhá časť URL opisuje samotnú adresu zdrojov. Pre webovú stránku je to názov domény stránky. Zvyčajne sa používa názov domény druhej alebo tretej úrovne. Názvy domény prvej úrovne sú zaznamenané na samom konci názvu domény. Vo vnútri každej domény prvej úrovne sú názvy domén druhej úrovne pridelené kontrolné organizácie. A majitelia názvov domén druhej úrovne nezávisle vytvárajú názvy domén tretej úrovne. Prakticky, každý majiteľ doménového mena druhej úrovne prideľuje názov domény tretej úrovne www.

A tretia časť URL je cesta k konkrétnemu súboru v internom súbore priestoru webového servera. Tu je potrebné urobiť malý ústup, ktorý vysvetľuje mechanizmus webových serverov.

Aby bol každý vzdialený používateľ prístup k akúkoľvek webovú stránku, ktorá je známa, určitá zbierka jednotlivých webových stránok a špecializovaných aplikácií - Skripty, je potrebné, aby všetky tieto webové stránky boli na samostatnom počítači, ktorý prevádzkuje špecializovanú aplikáciu webový server. Zodpovednosti tohto webového servera zahŕňajú prijímanie vzdialených užívateľov, spracovanie týchto dotazov a prenos na vzdialených užívateľov obsahu webových stránok pomocou protokolu HTTP.

Pre webový server je na disku počítača zvýraznený samostatný adresár, ktorý obsahuje HTML súbory obsahujúce webové stránky a aplikácie - skripty, ktoré poskytujú interaktívne funkcie stránky. Prirodzene, vo vnútri spoločného katalógu, vyhradeného pre webové stránky, môžeme vytvoriť štruktúry priečinkov pre jasnejšie oddelenie zdrojov stránok. Takže v samostatných priečinkoch sa zvyčajne prideľujú grafické snímky používané v dizajne webových stránok, webové stránky samy sú zoskupené v adresároch na základe príslušnosti do jednej alebo inej časti stránky. A úplná cesta k určitému HTML súboru alebo iného zdroja, ktorý sa používa pri navrhovaní webových stránok, a je treťou časťou adresy URL. Zvážte malý príklad:

http://www.mysite.com/content/about.html

Táto adresa URL označuje súbor s názvom Meno.html, ktorý sa nachádza v adresári obsahu, ktorý sa nachádza v priestore file Web Server s názvom domény www.mysite.com. V tomto prípade sa prenos obsahu obsahu vyhľadávacieho spisu uskutoční pomocou protokolu HTTP.

Avšak v poli zadanie adresy internetového zdroja akéhokoľvek prehliadača môžete zadať iba názov domény, a už budeme mať prístup k hlavnej webovej stránke tejto stránky. Faktom je, že ak na vstupnom poli nezadávate protokol, prehliadač automaticky používa protokol HTTP. A ak neurčíte celé meno HTML súboru s webovou stránkou, webový server akceptuje vzdialenú požiadavku používateľa vydá hlavnú stránku stránky, ktorá sa často volá domovstránka, ktorá je pred uložená v súbore s názvom index.html, t.j. Každá lokalita je povinná obsahovať súbor s takýmto menom, ktorý je štartovou stránkou webovej stránky.

Ale zároveň je potrebné si uvedomiť, že ak si môžeme dovoliť písať adresu v prehliadači, dúfať, že jeho správna interpretácia podľa samotného prehliadača, potom v hypertextových odkazoch musíme písať URL úplne, s výnimkou prípadov, keď dokumenty že hypertextový odkaz označuje, sú na rovnakom mieste ako pôvodná webová stránka. V takýchto prípadoch nemôžeme zadať názov domény stránky, obmedziť protokol a úplný názov, ktorý obsahuje cestu v systémovom systéme webového servera, zdroj, ktorým hypertextový odkaz označuje.

V skutočnosti, tag<а> Má dostatočne veľký počet parametrov, ktoré vám umožnia nastaviť najdôležitejšie vlastnosti hypertextového odkazu. Ako materiálne štúdie ich uvažujeme.

Hypertextové odkazy sú akceptované pre globálne a miestne. Globálne hypertextové odkazy označujú internetové zdroje umiestnené mimo pôvodnej webovej stránky. Miestne odkazy riešia niektoré zdroje umiestnené na aktuálnej stránke. Tento príjem sa často používa, ak stránka obsahuje dostatočne veľké množstvo informácií, ktoré sa úplne nezmešnú v okne prezerania. Uvádzame napríklad určitý príbeh na webovej stránke, alebo textový dokument, rozbitý do sekcií. Zároveň, na začiatku tohto dokumentu, môžeme vytvoriť obsah, ktorý koná na základe hypertextových odkazov, z ktorých každý z nich uvedie všetky časti dokumentu. Potom sa používateľ, ktorý si stiahol webovú stránku, sa bude môcť pohybovať podľa dokumentu pomocou týchto hypertextových odkazov, a nie len s pomocou vertikálneho posúvača, ktorý nepochybne uľahčuje navigáciu.

Aby ste mohli používať lokálne hypertextové odkazy v dokumente, musíte najprv označiť tie fragmenty dokumentu, ku ktorému budú uviesť. Napríklad, ak chceme, aby každý lokálny hypertextoval presunúť vzdialený používateľ na určitý odsek, potom musíme dať značku do tohto odseku<а> s parametrom názvu. V tomto prípade bude samotný hypertextový odkaz vytvorený pomocou mierne upravenej hodnoty parametra HREF. Ale je to jednoduchšie vidieť všetko na príklade (obr. 1.16).

Zoznam 1.16.

"http://www.w3.org/tr/html4/strict.dtd"\u003e

Hypertextové odkazy

Jednoduché vidieť z textového zoznamu, ktorý odkazuje na identifikátor umiestnený v tele webovej stránky, my ako hodnota parametra HREF označujeme názov tohto identifikátora s nápisom mriežky pred ním. Týmto spôsobom však môžeme použiť hypertextové odkazy nielen na fragmentoch obsahu pôvodnej webovej stránky, ale aj na fragmentoch iných webových stránok označených podobným spôsobom. Taký hypertextový odkaz bude mať približne nasledujúci formulár:

<а href="http://www.mysite.com/doc2.htm/anch3">

Na to je, kombinujeme použitie úplnej adresy URL dokumentu a zároveň ukazuje určitý fragment označený ako "ANCH3".

Obr. 1.16. Okno prehliadača s displejom výsledok súboru uvedeného v zozname 1.16

Treba poznamenať, že ak je text, na ktorom sa používa hypertextový odkaz, sa už zobrazí v okne prezerania, ako sa to stalo v našom poslednom príklade, nevyskytujú sa žiadne zmeny. Ale stojí len zmeniť veľkosť okna prehliadača prehliadača, aby ste skryli posledný reťazec obsahu, na ktorom sa hypertextový odkaz naznačuje, a výsledok jeho účinku možno vizuálne preukázať.

Samozrejme, všetky mená podobných značiek záložiek, ktoré sú definované pomocou hodnoty parametra, musia byť jedinečné. Treba mať na pamäti, že HTML nerozlišuje medzi kapitálovými a veľkými písmenami. Preto, ak sú v našom dokumente HTML definované dve záložky, ktoré budú následne odkazované hypertextových odkazov, sa líši len v registri charakteru, potom pre analyzátor HTML vložený v prehliadači, tieto identifikátory budú považované za rovnaké a nebráni žiadne z nich.

Už však vieme, že môžete identifikovať akýkoľvek prvok dokumentu HTML a pomocou parametra ID, ktorý môže byť použitý ako súčasť ľubovoľnej značky. V tomto prípade, hypertextové odkazy, ktoré označujú fragmenty dokumentov, môžu tiež použiť tieto parametre, t.j. nainštalovať značku záložky na ľubovoľnú značku nemusí nutne používať značku<а> S parametrom názvu stačí použiť parameter ID.

Hodnoty parametra názvu a parametra ID sú jedinečné identifikátory prvkov dokumentu HTML. Preto žiadna hodnota parametra názvu by mala zodpovedať ľubovoľnej hodnote parametra ID.

Ktorá možnosť by sa však mala vybrať pre vaše webové stránky, ktorý parameter by mal byť použitý? Tu je potrebné si uvedomiť, že aj napriek tomu, že parameter ID môže slúžiť na vykonanie niekoľkých akcií, ako napríklad identifikácia markerovej záložky, vytvorenie jedinečných replikátov pre scenár DHTML a štýl, niektoré zastarané prehliadače nemusia vnímať tieto identifikátory na Orient hypertextové odkazy.

Spolu so značkou<а> Môžu byť použité parameter titulu, ktorý pomôže identifikovať hypertextový odkaz pre vzdialený používateľ. Hodnota tohto parametra je textový reťazec, ktorý sa zobrazí formou malého nápovedu - Hink, keď užívateľ zobrazí kurzor myši na požadovanú hypersrum. Oznámenie takéhoto hypertextového odkazu sa pozerá približne takto: \\ t

<а href="www.site.com" title="Veľmi pekná stránka">

Pomocou parametra HREFLANG môžeme zadať jazyk, na ktorom je napísaný textový obsah internetového zdroja, na ktorý tento hypertext označuje. Ako hodnota parametra, jeden zo štandardných jazykových označení, ktoré sme zvažovali v tejto kapitole, sú trochu skôr.
Ale jeden indikácia jazyka, na ktorom je textový obsah webovej stránky napísaný, nestačí. Musíte tiež zadať aplikované kódovanie. A tu môžeme už pomôcť známym parametrom CHARSET, ktorej hodnota je štandardné označenie kódovania, ktoré sa používa na zobrazenie obsahu textu na internetovom zdroji, ku ktorému naznačuje požadovaný hypertextový odkaz.

Pomocou parametra gélu môžeme zadať priradenie dokumentu, ku ktorému hypertextový odkaz označuje, t.j. Hodnota tohto parametra výslovne označuje vzťah medzi zdrojovým dokumentom a dokumentu, na ktoré odkazujeme. Použitie tohto parametra neovplyvňuje spôsob zobrazovania hypertextového odkazu alebo mechanizmu na získanie zdroja, ale môže byť užitočné. Ak sú webové stránky navrhnuté nielen na prezeranie s prehliadačom, ale aj na spracovanie niektorých špecializovaných aplikácií. Takými, napríklad, oba moderné vyhľadávače, ktoré sú schopné správne rozpoznať a spracúvať podobné vzťahy medzi dokumentmi, označené hypertextovými odkazmi.

Ako hodnota parametra REL, jeden z preddefinovaných kľúčových slov, o ktorých sa teraz zvážime.

  • Striedať.Hodnota označuje, že dokument je alternatívnym zastúpením zdrojového dokumentu. Ak sa parameter LANG používa v hypertextovej odkazu s hodnotou, ktorá je vynikajúca jazykom zdrojového dokumentu, potom sa taký hypertextový odkaz zvyčajne považuje za odkaz na kópiu zdrojového dokumentu v inom jazyku.
  • Štýl.Označuje, že dokument, na ktorom je hypertextový odkaz označuje stĺpik. O mechanizme aplikácie štylizovaných tabuliek je podrobne opísaný v druhej kapitole.
  • Začať.Používa sa na označenie počiatočného štartovacieho dokumentu niektorých viacerých dokumentov. S ohľadom na webovú stránku, to je zjavne tu bude domovská stránka.
  • Ďalšie.Hodnota sa používa, ak je štartovací dokument a dokument, na ktorom hypertextový odkaz označuje, je v druhom lineárnej usporiadanej sekvencie dokumentov a druhý je v sekvencii vzhľadom na pôvodnú webovú stránku.
  • Prev.Hodnota sa používa v tom istom prípade ako predchádzajúci, ale teraz označuje, že dokument v reťazci nie je takýto, ale predchádzajúci, pokiaľ ide o štartovací dokument.
  • index.Používa sa v hypertextových odkazoch, ktoré označujú dokument, ktorý je indexovaný v obsahu pôvodnej webovej stránky.
  • Slovník.Hodnota označuje, že dokument obsahuje tepelný slovník používaný v zdrojovom dokumente.
  • copyright. Používa sa, ak dokument, na ktorom sa hypertextová odkaz indikuje, oznámi autorskému práva na obsah zdrojového dokumentu.
  • kapitola.Používa sa v hypertextových odkazoch, ktoré označujú dokumenty, ktoré sú samostatné kapitoly v určitých viacerých dokumentoch.
  • Časť. Hypertextový odkaz s takou hodnotou parametra Rel. Označuje dokument, ktorý je rozdelený do celkového súboru dokumentov, ktoré tvoria jeden celý obsah.
  • pododdiel. Hodnota je určité pokračovanie koncepcie určeného predchádzajúcou hodnotou, ktorú uvažuje. Označuje, že dokument už je pododdiel.
  • Príloha. Hodnota označuje, že dokument, ktorým hypertextová odkaz označuje, je aplikácia na zdrojový dokument.
  • Pomoc. Používa sa na odkaz na dokumenty, ktoré poskytujú dodatočné referenčné informácie v porovnaní s obsahom pôvodného dokumentu.
  • Záložka. Používa sa na odkazy na dokumenty HTML obsahujúce odkazy na niektoré vybrané kľúčové fragmenty zdrojového dokumentu.

Pri použití týchto hodnôt je potrebné vziať do úvahy, že v tomto prípade budú HTML analyzátory citlivé na register znakov, takže je potrebné plne nasledovať písomné písanie, ktoré je uvedené v našom zozname.

V skutočnosti, HTML má možnosť vytvoriť svoje hodnoty pre atribút, ktorý sme prítomní, ale keďže je potrebné použiť špecializované prostriedky na opis týchto nových hodnôt a softvéru zameraných na uznanie týchto typov odkazov na splnenie tohto parametra . Keďže prehliadače sa zaujímajú o nás, vytvorenie nových typov odkazov na nás za nič.

Táto technológia je vlastne paliatívna, ktorá je navrhnutá tak, aby poskytovala aspoň časť možností, ktoré poskytuje nový jazyk popisov dokumentov na internete - XML \u200b\u200b(rozšíriteľný markupský jazyk), ktorý je prorokovaný na úlohu nástupcu a "vrah "HTML, ale zatiaľ nie sú žiadne spoločné prehliadače XML a aplikácie spracovávajú dokumenty XML. A dlho táto technológia nebude všeobecne akceptovaná, čo znamená, že technológia HTML má stále plné právo na život a bude použitý ako základ pre webové stránky dosť dlho.

Ale späť k zváženiu atribútov tagu<а>. Atribút rev je opakom atribútu rel. Ak atribút REL definuje typ dokumentu, na ktorý sa hypertextový odkaz označuje, Atribút REV definuje typ zdrojového dokumentu obsahujúceho hypertextový odkaz. Ako hodnoty tohto atribútu sa používa rovnaký súbor použitých kľúčových slov a pre atribút rel.

Používanie cieľového parametra, uvádzame, v ktorom rámci je potrebné zobraziť dokument, na ktorý sa hypertextový odkaz označuje. Faktom je, že sa v jednom okne prezerania prehliadača zobrazí jeden dokument. Ale v HTML je možné zdieľať okno prezeranie do niekoľkých oblastí nazývaných rámy, z ktorých každý zobrazí váš dokument HTML. Budeme zvážiť technológiu používania rámcov v jednej z nasledujúcich častí tejto kapitoly, ale doteraz len preto, že cieľový parameter vám umožňuje explicitne špecifikovať, v ktorom rámci je potrebné zobraziť webovú stránku. Inštalácia hypertextového odkazu pomocou tohto parametra sa zobrazí približne nasledovne:

<а href="http://www.mysite.com/docl.html" target="_top">

Taký hypertextový odkaz bude nútiť prehliadač na prevzatie webovej stránky, ktorej URL je špecifikovaná ako hodnota parametra HREF, na horný rám, ktorého názov je uvedený v cieľovom parametri. Ako hodnota posledného parametra sa používajú kľúčové slová definované v špecifikácii HTML. Budeme sa na ne pozerať v sekcii venovaným rámcom.

Niektoré informácie a hypertextové odkazy vám umožňujú presunúť vstupné zaostrenie pomocou klávesu Tab, t.j. Jeden stlačením tohto tlačidla aktivuje ďalšie vstupné teleso, ktoré je zahrnuté v celkovej sekvencii. A poradie pohybu medzi ovládacími prvkami obsiahnutými v celkovej sekvencii sa nastavuje pomocou parametra Tabindex. Ako hodnota tohto parametra sa použije obvyklé celé číslo kladného čísla a čím väčší je číslo akéhokoľvek dátového vstupu alebo hypertextového odkazu, neskôr dosiahne front, keď sa vstupné zaostrenie pohybuje. Prirodzene, žiadny pár prvkov webovej stránky dizajn Hodnota tohto parametra by sa nemala zhodovať, inak prehliadač ich jednoducho nezahŕňa v sekvencii prvkov s pohybom vstupného zaostrenia.

Avšak, okrem prístupu pomocou po sebe idúcich stlačení klávesov, môžeme použiť parameter prístupového kľúča, ako je hodnota, ktorá je označená znakom. Keď užívateľ stlačí kľúč, ktorý je zodpovedný za zadanie tohto znaku, vstupné zaostrenie sa automaticky prenáša požadovaným hypertextovým odkazom, v ktorom je vložený parameter prístupového kľúča, a užívateľ ho môže aktivovať bez použitia myši, sám stlačením tlačidla . Zvážte malý príklad:

<а href="http://www.mysite.com/docl.html" tabindex="2" accesskey="U">

Nielen text, ale aj grafický obraz môže pôsobiť ako hypertextový odkaz. Ak to chcete urobiť, potrebujete značku, ktorá oznamuje vloženie grafiky do obsahu webovej stránky, miesto medzi tagmi<а> a. Ale faktom je, že na grafickom obraze môžeme "visieť" nie sám, ale niekoľko hypertextových odkazov, t. J. V obraze je niekoľko aktívnych oblastí, stlačením myši na každú z nich aktivuje zodpovedajúci hypertextový odkaz. Takáto technológia sa nazýva segmentovaná grafika.

Špecializované značky sa používajú na vytvorenie podobných grafických obrázkov spojených s niekoľkými hypertextovými odkazmi. Po prvé, aktívne oblasti vzoru sú tiež oznámené, tiež nazývané segmenty. Celá set je mapa aktívnych segmentov výkresu, ktorá je priradená určitý názov. A potom tento názov karty je spojený s samotným obrazom, vyhláseným značkou . Považovať za typický príklad.

Zoznam 1.17

DOCTYPE HTML PODNIKANIA "- // W3C // DTD HTML 4.01 // SK"
"http://www.w3.org/tr/htmings4/strict.dtd"\u003e


Pripísaná grafika

<р>Toto je obvyklý text.



Prvá oblasť
Druhá oblasť
Tretia oblasť


V tomto príklade možno vidieť, že pri vyhlásení výkresu v štítku Vložíme parameter UPEMAP, ktorých hodnota je názov aktívnych segmentov výkresu spojených s hypertextovými odkazmi. Pred menom použitého kariet aktívnej segmentu je vložený symbol mriežky. Opis tejto karty je umiestnený medzi značkami. a. Zároveň na otváracej značke Tam je povinný parameter názvu, ktorej hodnota je názov karty.

Karta pozostáva z opisu segmentov. Každý segment je opísaný pomocou jednej značky<агеа>. Môžeme aplikovať aktívne segmenty troch rôznych foriem: obdĺžniky, kruhy a polygóny. Formulár sa nastaví pomocou požadovaného parametra tvaru. Ako hodnota tohto parametra môžeme použiť jednu z troch preddefinovaných hodnôt.

  • Hodnota rec. Používa na vytvorenie obdĺžnikových aktívnych oblastí.
  • Hodnota kruh Používa na vytvorenie kruhového segmentu.
  • Hodnota Poly.umožňuje vytvárať aktívne segmenty vo forme konvexných polygónov.

Po nastavení typu formulára by ste mali definovať ich veľkosť a miesto na našom grafickom obrázku. Ak to chcete urobiť, použite parameter koordinácie, ako je hodnota zaznamenaná zoznamom súradníc, ktoré určujú aktívny segment. Zoznam 1.17 Vidíme, že súradnice vo všeobecnom zozname sú oddelené obvyklým čiarkami. Súradnice počítania sa vykonáva z ľavého horného rohu obrázku, ktorý má súradnice (0; 0).

Pre obdĺžnikové segmenty sú nastavené súradnice horného a pravého dolného rohu. A pre polygóny sú súradnice všetkých bodov postupne uvedené, v poradí podľa ich liniek. Prirodzene, prvý a posledný pár súradníc by sa mal zhodovať, inak sa polygón ukáže, aby bol odomknutý a aktívny segment nebude spracovaný.

V tag<аrеа> Parameter HREF je tiež zahrnutý ako hodnota URL zdroja, na ktorú označuje hypertextový odkaz tohto segmentu.
Tento parameter, ale tento parameter, ak nie je prekvapujúci, nie je povinný. V prípade, keď je segment vytvorený, ale nesmie byť pripojený k hypertextovému odkazu, použite parameter NHREF, ktorý nezáleží.
Požadovaný parameter pre značku<аrеа> Všetko je to tak. Toto je Parameter ALT, ktorej hodnota je textový reťazec, ktorý je alternatívnym zobrazením obrazu. Ako vieme, tento reťazec sa zobrazuje vo forme náznaku, keď užívateľ vyvoláva myš nad objektom. V našom prípade je podobným objektom aktívny segment vložený do grafického obrazu.

Aj v TEG<агеа>Rovnako ako v značkách obvyklých hypertextových odkazov, parametre Tabindex a Access Key sa používajú, čo vám umožní aktivovať hypertextový odkaz bez použitia myši s pomocou samotného klávesnice. Štruktúra hodnôt týchto parametrov sme sa pozreli na o niečo skôr. Trochu ustupovať z témy, treba poznamenať, že každý správny web-majster musí nevyhnutne používať tieto parametre, pretože len ich použitie môže zaručiť aktiváciu hypertextových odkazov bez pomoci myši.

Takže sme sa zaoberali používaním segmentovanej grafickej technológie. Ale naučili sme sa o odkazoch nie všetky. V špecifikácii HTML je definovaná značka ktorý vytvára hypertextový odkaz, ktorý nie je oboznámený s nami, ale niektoré odkazy medzi zobrazeným dokumentom a akýmkoľvek dodatočným súborom. Značky Môžu byť odoslané iba v sekcii HTML záhlavia záhlavia, medzi štítkami aAko príklad použitia uvažovaného štítku Môžete priniesť nasledujúci kód kódu:

Zoznam 1.18.

"http://www.w3.org/tr/html4/strict.dtd"\u003e


Kapitola 2.



S týmto fragmentom uvádzame, že táto webová stránka obsahuje druhú kapitolu určitého rozsiahleho dokumentu a so štítkami Špecifikujeme odkazy s webovými stránkami obsahujúcimi obsah tabuľky, ako aj predchádzajúcu a ďalšiu kapitolu. Typ dokumentu, ktorým odkaz určuje, je určený pomocou pomoci parametra REL, ktorý nám je známy, zvyčajným prehliadačom, samozrejme, nemôže spracovať a zobrazovať takéto odkazy akýmkoľvek spôsobom. Boli zavedené do HTML, aby vytvorili dokumenty, ktoré by boli liečené určitými špecializovanými aplikáciami, ktoré umožňujú tento formát vytvoriť systémy správy dokumentov. Ale vstavané slabé schopnosti HTML na vytvorenie plnohodnotných systémov riadenia dokumentov zjavne nestačilo, a keď bol štandard XML vyvinutý, vývojári radi zmenia obľúbené.

Ukazuje sa preto, že v bežných webových stránkach tag absolútne k ničomu? Nie naozaj. Len pomocou tejto značky môžeme pripojiť webové stránky s tabuľkami externých štýlov, výkonným prostriedkom na zobrazenie zobrazenia dokumentu v prehliadači. V druhej kapitole sa však dozvieme o štýlových stoloch. Pozname tiež príklad použitia tagu . Teraz máme len zoznam parametrov tejto značky. Všetky tieto parametre sa aplikujú v značkách<а> S rovnakými hodnotami, takže každý parameter nebudeme zvážiť podrobne, ale jednoducho ich stručne uviedol:

  • cHARP.- označuje kódovanie dokumentu, na ktorý sa odkaz naznačuje;
  • href. - URL dokumentu sa používa ako hodnota, na ktorú sa odkaz naznačuje;
  • hreflín.- Hodnota je jazyk označenia kódov, na ktorom je napísaný záväzný dokument;
  • typ- Nastaví typ dokumentu, na ktorý sa odkaz označuje;
  • Rel.- Určuje stav dokumentu, na ktorom odkazuje odkaz na zdrojový dokument;
  • rev.- Určuje stav zdrojového dokumentu s ohľadom na ktorý tento odkaz naznačuje;
  • médií.- Označuje typ zariadenia, na ktorom sa dokument zobrazí, na ktorom odkaz indikuje.

V súčasnosti sú dokumenty podporované na konvenčných monitoroch, na Braillovom monitoroch určených pre ľudí so stratou vízie, pre tlačové zariadenia a zariadenia na prehrávanie reči. A samozrejme, okrem týchto parametrov sa používa súbor spoločných identifikačných parametrov pre všetky tagy.

Zostáva zvážiť len jednu značku používanú na udržanie hypertextových odkazov. Ako vieme, nemôžeme zadať úplnú adresu URL pre dokumenty, ktoré označujú hypertextové odkazy, ak je tento dokument na rovnakej webovej stránke ako pôvodná webová stránka. Ukazuje sa však, že môžeme konať rovnakým spôsobom s hypertextovými odkazmi na webových stránkach, ktoré sú súčasťou iných stránok.

S tagom Nastavujeme základ pre hypertextové odkazy s skrátenými hodnotami parametra HREF. Snažte sa demonštrovať pôsobenie tohto mechanizmu na jednoduchom a vizuálnom príklade:

"http://www.w3.org/tr/html4/strict.dtd"\u003e

Webstránka

<Р>Text<А href="/pages/birds.gif">Spojenie


Ako hodnota povinného parametra HREF tag Uvádzame dokument, ktorý je základom obsahu webových stránok našej stránky. A teraz, ak používame hypertextový odkaz s skrátenou adresou URL v našom dokumente HTML, potom ako názov domény pre túto adresu URL nebude používať menom zdrojovej stránky, ale ten, ktorý je uvedený v štítku . Tak, v príklade, hypertextový odkaz poukazuje na dokument

C URL www.mysite.com/pages/birds.gif.

Malo by sa objasniť, že tag umiestnené v hlavičke dokumentu medzi značkami a .

A to je všetko, čo môžeme povedať o používaní hypertextových odkazov v HTML.

HyperText je text obsahujúci odkazy na iný text. Príkladom je poznámky autora o zložitých definíciách alebo poznámkach prekladateľov v spodnej časti stránky knihy, ak existuje text v cudzom jazyku. Internetové stránky sú komplexným systémom hypertextových prechodov z jednej stránky do druhej, v rámci samotnej stránky, ako aj medzi nesúvisiacimi jednotlivými zdrojmi. Takáto štruktúra je praktická, šetrí veľa času, umožňuje návštevníkovi rýchlo nájsť potrebné informácie a nie je zmätený vo veľkom počte prechodov.

Vloženie hypertextových odkazov

HTML vloží hypertextový odkaz používa deskriptor (tag) ktorý sa vkladá na správne miesto. Zvyčajne je uvedený medzi textom, pretože samotný hypertextový odkaz je štruktúra textu. Ale odkazy sú stále grafické (ikony, tlačidlá, obrázky); Oni budú povedané. Ich umiestnenie na webovej stránke nie je obmedzená na text a závisí od riešenia dizajnéra na tvorcu stránok.

home Google Page

To je príklad, ako vložiť hypertextový odkaz na dokument HTML, ktorý sa vykonáva pomocou značky . Návštevník stránok uvidí podčiarknutý text, ako je farba okolitého textu (farba odkazov HTML môže byť ľubovoľná), "domovská stránka Google" kliknutím na ktoré sa pád na hlavnú stránku vyhľadávača Google . Treba poznamenať, že text hypertextového odkazu musí obsahovať informácie o tom, kde sa prechod vykonáva. Tento princíp by sa mal dodržiavať a vykonať pravidlo!

Štruktúra značky ...

Môžete vidieť, že štítok - Pár: Potrebujete zatvárací značku.

href-atribút Značka špecifikuje priradenie odkazu.

https://google.com/ - hodnota atribútuUzavretie URL zdroja, ku ktorému bude prechod vykonať. Leží v dvojnásobných alebo jednoduchých úvodzoch. Záleží na štruktúre hniezdiacich značiek podľa pravidiel HTML.

hlavná stránka Google

tento celý dizajn sa volá elementwebový dokument.

Podľa HTML pravidiel môžu niektoré prvky obsahovať ďalšie prvky. Tag nie výnimka. Ak programátor potrebuje zvýrazniť telo spoločnosti Google, vykonáva sa pomocou značky podľa všeobecných pravidiel formátovania textu, pozorovanie sekvencie označenia značky. Webmaster by mal vedieť, ako vytvoriť hypertextový odkaz v HTML bez chýb, inak nebudú fungovať. Zakázané odkazy na počítač Slang sa nazývajú "bity".

hlavná stránka. Google

Tu: prvok

hlavná stránka. Google

obsahuje vnorený prvok

Google

Absolútne hypertextové odkazy

protokol: // doménový názov / cesta

Príklad adresy vyhľadávacieho nástroja v Amerike: https://aol.com je absolútne, pretože obsahuje názov domény.com.

Absolútne hypertextové odkazy sa používajú na prejdenie stránok iných stránok alebo prístup k zdrojom umiestneným na inom serveri. Prechod sa vykonáva pomocou internetových protokolov. Protokoly nie sú témou tohto článku, ale keďže sa podieľajú na vytváraní hypertextových odkazov, je potrebné ich spomenúť aspoň v stručnosti:

  • http.a https -najbežnejší; na nich sa vykonáva prechod medzi internetovými stránkami rôznych stránok;
  • ftp -protokol na prevzatie súborov na server alebo prevzatie užívateľom z lokality;
  • mailto -poštový protokol, pre ktorý sa e-mail odosiela priamo z lokality, bez vstupu do osobnej pošty.

Existuje niekoľko ďalších špeciálnych protokolov (GOPHER, TELNET), ktoré sú pomerne zriedkavé, ktorého použitie vyžaduje špeciálne znalosti v programovaní alebo správe systému.

Relatívne hypertextové odkazy

Pri relatívnom adresovaní slúži použitie hypertextových odkazov v HTML na prechod v rámci zdroja a nevedie k jeho limitom. Ak je stránka taká veľká, že vertikálny posúvací panel funguje, niekedy veľmi dlho, ako napríklad v slovníkoch, je veľmi pohodlné a vhodné použiť relatívne odkazy na rýchle prechod na požadované písmeno.

Vytvorenie internetového slovníka, programátor na začiatku stránky má abecedu a ak by to nebolo pre použitie odkazov, užívateľ by musel obrátiť koliesko myši veľmi dlho, aby sa dostal na písmeno "I" .

Choďte na písmeno I

kde ya.zavolaný kotvaale Choďte na písmeno I- miesto kotvy. Ak chcete správne zobraziť, kotvy odporučili používanie latinských písmen a číslic, takže nepíšte "Me", hoci by to bolo jasnejšie.

Teraz, aby prechod na prechod z abecedy na začiatku stránky na písmeno "i", musíte urobiť viazanie kotvy v mieste dokumentu HTML, v ktorom slová začínajú písmenom "I":

písmeno I.

pred kotvou je mriežkový signál, bez ktorého prechod na písmeno nebude fungovať.

Relatívne adresovanie pri vytváraní stránky

Pohodlný a najčastejšie akceptovaný algoritmus na vytvorenie programátora webových stránok:

  • vytvorenie priečinka na počítači a jeho umiestnenie v rýchlom prístupovom mieste pre pohodlie;
  • tvorba v tomto priečinku;
  • vytvorenie sekundárnych webových stránok (index.html / strana2);
  • a umiestnenie v IT grafických súboroch;
  • vytvorenie priečinka a umiestnenia iných objektov v ňom (napríklad súbory na stiahnutie);
  • plnenie obsahu stránky;
  • umiestnenie súborov na mieste.

Uistite sa, že používate odkazy na komunikáciu medzi prvkami stránky, a to bude veľmi cez cestu, bude vedieť, ako vložiť hypertextový odkaz v html na inú stránku rovnakej stránky. Ak sú súbory lokality v jednom adresári, na jednom serveri, potom nie je potrebné používať absolútne adresovanie. Pri prenose súborov stránok na hosťovanie zostane spojenie medzi objektmi, pretože budú tiež umiestnené na hostiteľovi v jednom adresári.

Predpokladajme, že programátor vytvoril hlavnú stránku stránky index.html, na ktorej je odkaz na inú stránku2.html, zdobené obrázkom IMG.PNG. Potom relatívna cesta k tomuto obrázku vyzerá takto:

obraz

Tip: Pri štúdiu tejto témy je najlepšie použiť jednoduchý textový editor z dôvodu skutočnosti, že musíte zakúpiť zavrhnutie v správnom písaní adresy prechodu a naučiť sa riešiť kód niekoho iného. V tomto štádiu bude dobrý výsledok bez chýb registrovaný hypertextový odkaz v Poznámkový blok,HTML im neodpustí a dáva chyby.

Metódy prechodov pomocou hypertextových odkazov

V predvolenom nastavení sa nová stránka otvorí v aktuálnom okne prehliadača, keď používateľ klikne na hypertextový odkaz. Webový programátor však môže zmeniť predvolenú hodnotu a otvorte ho, napríklad v novom okne. Ak to chcete urobiť, existuje atribút cieľ. s určitou hodnotou. To môže byť vyjadrené tabuľkou.

Syntax Atribút cieľ:

hlavná stránka Google

Hlavná stránka "Google" sa otvorí v novom okne.

Poznámka: Ak chcete otvoriť stránky na novej karte, neexistujú žiadne hodnoty pre tento atribút a nastavuje používateľa užívateľom v nastaveniach prehliadača.

Farebný hypertextový odkaz

Skúsený internetový užívateľ musel všimnúť, že hypertextové odkazy sa líšia farbou z okolitého textu a zvyčajne sú modré. Odkazy, pre ktoré prešiel a potom sa vrátil na predchádzajúcu stránku, sa stali Lilac. Použitie hypertextových odkazov v HTML v neštandardnej farebnej schéme trochu, ale zdôrazňuje miesto medzi ostatnými.

Odkazy sú nastavené v značke Použitie atribútov a ich hodnôt, v ktorých je farba HTML v systéme RGB (# 00FF00) alebo s priamym indikáciou názvu farby ("zelená"). Existujú tri typy atribútov pre odkazy:

  • link - Určuje farbu odkazu nevedomej;
  • vLINK - Nastaví farbu odkazov, ktorými už užívateľ odovzdal;
  • aLINK - Určuje farbu prepojenia v čase prechodu na inú stránku. To sa deje rýchlo, takže tento efekt nie je vždy možné chytiť.

Príklad Markup:

Ak použijete tieto atribúty v štítku Odkazy tohto webového dokumentu budú navštívené tmavé Blue - Lilac a Active - Orange-Red.

Grafické hypertextové odkazy

Pokrok a vývoj webového dizajnu zaväzuje vedieť, ako vložiť hypertextový odkaz v HTML ako obrázok. Je zrejmé, že obraz sa musí zhodovať s obsahom cieľovej stránky. Napríklad hlavná stránka liečivých rastlín môže byť reprezentovaná ako fotografie rastlín kliknutím na ktoré sa používateľ obráti na stránku, na ktorej sú opísané vlastnosti liečiva.

Spôsob nahradenia statických tlačidiel je široko používaný ( ) Na krásnej grafike, ktorú vytvoril web designer v grafických editoroch (GIMP, Photoshop).

Ak chcete vložiť grafiku ako hypertextový odkaz na stránke stránky, používa sa rovnaká syntax, použije sa len namiesto textu, použije sa inzercia značka obrazu podľa pravidiel HTML:

Atribúty úloh alternatívneho textu, šírky, výšok a iní sa vzťahujú na to isté.

Hovory z lokality

Štandard HTML5 rozšírila funkčnosť používania internetu a teraz môžete uskutočniť hovory nielen z telefónu, ale priamo z lokality. Na tento účel môžete v dokumente HTML používať aj hypertextové odkazy a majú takúto syntaxáciu:

...predplatiteľ...

Namiesto toho je slovo "účastníka" predpísané jasným kontaktom Calf, ako v telefónnom zozname. Môžete tiež umiestniť grafický súbor (účastnícke fotografie).

Ak chcete uskutočniť hovory z lokality, je potrebné nielen odkazy na telefónne číslo účastníka, ale aj slúchadlá (mikrofón, slúchadlá) nainštalované na programovom počítači VOIP, rýchlosť internetu by mala prekročiť 0,5 MB / s. Platba za hovory sa vykonáva dopravou. Preto, ak je internet neobmedzený, potom hovory sú zadarmo.

Etika vytvárania hypertextového odkazu

Umiestnenie na internete, Webmaster musí vedieť, ktoré typy hypertextových odkazov existujú v HTML, a nielen správne, aby ich profesionálne uplatňovali, ale aj dodržiavať tieto ustanovenia:

  • Hypertextový odkaz musí byť jasne viditeľný, sa líši od textu, ktorý ho obklopuje. Užívateľ musí vedieť, že je to hypertextový odkaz.
  • Užívateľ musí byť jasný, kde spadne kliknutím na odkaz. Aby ste to urobili, odporúča sa použiť iný atribút titul Ktorý stručne popisuje prechodnú stránku. Atribút Syntax TAK:

Riedka

  • Užívateľ musí prijímať pravdivé informácie o súbore, ktorý sa zobrazí pri zobrazení odkazu.

Po zasiahnutí očakávanej stránky alebo prevzal nesprávny súbor, používateľ v 99% prípadov okamžite opustí stránku a nikdy sa k nej neprijde v budúcnosti.

Anti-SEO pri vytváraní hypertextových odkazov

Okrem technickej strany otázky, ako vložiť hypertextový odkaz v HTML, by mal byť osvetlený morálny aspekt. Existuje mnoho stránok, prístup, ku ktorému sú používatelia zablokovaní bezpečnostnými programami (Antivirus) alebo dokonca štátom. Toto sú tie stránky, ktoré boli vytvorené nečistoty na ruke s webovými programátormi.

Jedným z trikov, na ktoré sa uzdravujú, je vloženie "neviditeľných" hypertextových odkazov na webovej stránke. Podvodníci vedia, ako vytvoriť hypertextový odkaz v HTML a pomocou atribútov odstrániť odkazy a priradiť farbu okolitého textu tak, aby to obyčajný používateľ nevidel. A s inými nástrojmi webových technológií (CSS, Javascript, PHP), môžete naprogramovať ich správanie. Napríklad JavaScript Jazyk OnMouseover Aktivuje prvok webovej stránky. Keď užívateľ strávi kurzorom nad neviditeľným odkazom, spadá na reklamnú stránku inej stránky. Alebo horšie, keď je prítomný neviditeľný odkaz na súboru a nepotrebný softvér začne sťahovať a počítač. To sú zvyčajne vírusy, ktoré menia domovskú stránku prehliadača, vrhovku pevný disk s hmotnosťou programov a tak ďalej.

Čoskoro tieto stránky spadajú do "čierneho zoznamu" vírusových databáz, bezpečnostných systémov a medzi užívateľmi internetu. Takéto stránky nežijú dlhú dobu, a musia zmeniť svoje mená, aby nekonečne migrovať na internete, meniaci sa poskytovateľov hostiteľov. To neprispieva k podpore stránky, ktorá sa vždy usiluje o jeho tvorcu, nikdy to nebude robiť megalista, ako napríklad sociálna sieť. Takéto triky okrem iného spôsobujú mnohé negatívne emócie od ľudí postihnutých týmito činmi.



Páči sa vám článok? Zdieľaj to