HTML un CSS iesācējiem

HTML & CSS iesācējiem (11. sējums): Hiperlinku definēšana (1)

Visi pamācības video HTML un CSS iesācējiem

Atsauces definīcija HTML veikšanai tiek veikta ar a-elements. Pirms es jums parādīšu, kā to izmantot, vēl daži vispārēji padomi par hiper saitēm. Noteikti izdomājiet labus saites tekstus. Parasti neviens netiek palīdzēts ar vienkāršu atpakaļ. (Ja apmeklētājs nāk no ārējas lapas, parasti viņš nezina, kas tiek saprasts ar atpakaļ). Mēģiniet izvēlēties aprakstošus saites tekstus.

Hiper saites HTML vienmēr seko tam pašam principam.

<a href="videos.html">Aktuālie video</a>

a-elementam tiek piešķirts atribūts href. Šim href atkal tiek sagaidīts saites mērķis kā vērtība. Iepriekšējā piemērā bija atsauce uz failu videos.html. Tas atrodas tajā pašā direktorijā kā HTML fails, kur tika definēta saite.

HTML un CSS iesācējiem (daļa 11): Hiperlinku definēšana (1)

Kad tiek definētas saites, attiecībā uz tām tiek piemēroti noteikumi, kas arī tika prezentēti attēlu ievietošanas kontekstā.

Jūs varat definēt ne tikai projektam iekšējas saites. Arī ārējās faili un domēni var tikt iestatīti kā hiper saites.

<a href="http://www.psd-tutorials.de">PSD-Tutorials.de</a>



Teksts, kas atrodas starp atvēruma <a> un aizveršanas </a> ierakstiem, galu galā ir saites teksts. Pēc noklusējuma šo tekstu pārlūki attēlo kā pasvītrojumu.

HTML un CSS iesācējiem (daļa 11): Hiper saites definēšana (1)

Norādi mērķa logu

Nospiežot hiper saiti, mērķa logu atver pašreizējā pārlūkprogrammas logā. Tas parasti ir pilnīgi normāli. Tomēr var gadīties, ka, piemēram, esiet iestatījis saiti uz ārēju domēnu. Ja apmeklētājs noklikšķina uz šīs saites, mērķa logā vai cilnē jāatver mērķa vietne. Šāda varianta priekšrocība: jūsu tīmekļa vietne paliek fonā.

HTML & CSS iesācējiem (daļa 11): Hiperhipersaiti definēšana (1)

Taču jūs nevajadzētu atvērt katru savas vietnes hiper saiti ārējā logā, jo apmeklētāji var ātri nokaitināties no tā.

<a href="http://www.psd-tutorials.de" target="_blank">PSD-Tutorials.de</a>



http://www.psd-tutorials.de tiks atvērts jaunā logā/cilnē. Savu efektu jūs varētu sasniegt arī, izmantojot iztērēto nosaukuma _blank vietā fantāzijas nosaukumu kā halligalli. Tomēr, ja izmantojat target, es ieteiktu patiešām izmantot kādu no rezervētajiem nosaukumiem.

Definēt saites bāzi

Jūs varat definēt saukļa bāzi HTML faila head sadaļā. Šāda saukļa bāzes definīcija nodrošina, ka visi saites mērķi tiek rādīti noteiktā pārlūkprogrammas logā. Tas ir vēlreiz noderīgi, galvenokārt attiecībā uz rāmjiem.

<a href="http://www.facebook.com/psdtutorials" target="_blank">http://www.facebook.com/psdtutorials</a>
<br />
<a href="http://www.facebook.com/psdDarkArt" target="_blank">http://www.facebook.com/psdDarkArt</a>
<br />
<a href="http://www.facebook.com/HowToNetzwerk" target="_blank">http://www.facebook.com/HowToNetzwerk</a>


base-elementu head iekšpusē. base-elementam tiek piešķirts target-atribūts ar vēlamo vērtību. Šeit ir piemērs, kā tas varētu izskatīties:

<!DOCTYPE html>
 <html lang="de">
 <head>
 <title>PSD-Tutorials.de</title>
 <meta charset="UTF-8" />
 <base target="_blank">
 </head>
 <body>
 <a href="http://www.facebook.com/psdtutorials">http://www.facebook.com/psdtutorials</a>
 <br />
 <a href="http://www.facebook.com/psdDarkArt">http://www.facebook.com/psdDarkArt</a>
 <br />
 <a href="http://www.facebook.com/HowToNetzwerk">http://www.facebook.com/HowToNetzwerk</a>
 </body>
 </html>



Tas ietaupa jums daudz taustāšanas darba.

Definēt joslu

Kā jūs varat ievietot hiper saites uz citiem failiem, jūs jau redzējāt. Taču vienā HTML failā varat definēt arī tā saucamos joslas. Pēc tam jūs varat izveidot norādes uz šīm joslām. Šis ir noderīgi, piemēram, lielā apjoma lapās. Tādējādi dokumenta sākumā varat definēt satura rādītāju, pēc tam apmeklētāji var pārvietoties uz tiem attiecīgajās vietās, neiepējot cauri pārlūka logam.

HTML un CSS iesācējiem (daļa 11): Hiperlinku definēšana (1)

Joslas tiek izveidotas, izmantojot a-Elementu. Tomēr joslu definīcijas nekā nesaņem href atribūtu, bet tiek piešķirts name atribūts.

<a name="seitenanfang">Saturs</a>
<a name="kapitel1">Saturs 1 kapsēls</a>
<p>Šeit būs daudz teksta.</p>
<a name="kapitel2">Saturs 2 kapsēls</a>
<p>Šeit būs daudz teksta.</p>



Joslas nosaukumus varat piešķirt brīvi. Tomēr es iesaku jums izvēlēties īsus nosaukumus, izmantot tikai mazos burtus un izvairīties no īpašo zīmju izmantošanas.

Lai norādītu uz joslu, jums jādefinē parastā saite, tāpat kā tas tika parādīts šī vadlīnijas sākumā.

<a href="#seitenanfang">Uz lapas sākumu</a>



href atribūtam tiek piešķirts joslas nosaukums kā vērtība. Šeit svarīgi ir tas, ka priekšā ir jānorāda joslunosaukums ar aizbildni.

Jūs varat norādīt uz joslām arī pāršķiruvienos. Nākamajā piemērā pieņemšu, ka ir fails news.htm, kas atrodas tajā pašā direktorijā kā patiesais HTML fails. Iekšpus news.htm ir definēta josla seitenanfang. Lai parādītu uz to, aiz nosaukuma galamērķa failam (news.htm) ir jābūt aizbildnis. Pēc tam seko joslas nosaukums.

<a href="news.htm#seitenanfang">Uz lapas sākumu</a>



Tātad jūs varat ļoti vienkārši noteikt norādes uz joslām jebkurā failā.