Institute of Computer Science
  1. Main page
  2. Youth to Code
ET
Log in

Youth to Code

Veebilehed

<< Kõik kursused

  • Kursusest
    • 0. Sissejuhatus veebimaailma

HTML

  • 1. Mis on HTML?
  • 2. Tekst ja viidad

2.1 Läbitud materjali meeldetuletus 2.2 Pealkirjad 2.3 Read ja lõigud 2.4 Märgendid teksti eristamiseks 2.5 Välisviidad 2.6 Sisseviidad Lisamaterjal: täpitähed

  • 3. Loendid. Tabelid
  • 4. Pildid. Audio. Video

CSS

  • 5. Mis on CSS?
  • 6. Tabelid, loendid, piirid
  • 7. Pseudoelemendid ja positsioneerimine
  • 8. Kursorid, taustad, pildid
Peatüki sisukord

2.5 Välisviidad

Hüperlink (ingl. k. hyperlink) on viide, mida kasutatakse selleks, et liikuda ühelt dokumendilt teisele (see oligi hüperteksti ehk veebi idee). HTML dokumendis kasutatakse märgendite paari <a> ja </a> (ingl. k. anchor ehk ankur), mille vahele paigutatakse hüperlingi pealkiri.

Algusmärgendil on mitu omadust (atribuuti). Üks nendest on href, millega määratakse viide, kuhu kasutaja suunatakse. See võib viidata erinevatele veebiressurssidele, nagu näiteks teine HTML-i dokument, fail, pilt jms. Kõige tavalisem hüperlink on viide mõnele teisele veebilehele, mida nimetatakse välisviiteks. Oluline on sisestada viite täisaadress (näiteks https://www.ut.ee).

Näidis:

 <a href = "https://sisu.ut.ee/nooredkoodi/avaleht"> Noored Koodi  </a>

Vaikimisi on link allajoonitud; külastamata link on sinist värvi, külastatud link - lillakat ning aktiivne link - punast värvi.

Kui klõpsata hüperlingi peale, teeb veebilehiteseja viidatud ressursi vaikimisi samas aknas lahti. See on väga mugav, kui tahame viidata ressursile samast portaalist. Kuid on olukordi, kus me võiksime soovida, et link avaneks uues aknas. Atribuut target annab meile valiku, millisel määral link avatakse. Selle atribuudi kaks võimalikku väärtust on:

  • _blank - ressurss avaneb uues aknas (vahekaardil);
  • _self - ressurss avaneb samas aknas, kus lingi peale oli klikitud (vaikimisi valik).

Näiteks järgmine rida lisab veebilehele lingi, mis avab viite uues aknas:

 <a href="https://google.com" target="_blank">Google!</a>
Peatüki sisukord
  • Institute of Computer Science
  • Faculty of Science and Technology
  • University of Tartu
In case of technical problems or questions write to:

Contact the course organizers with the organizational and course content questions.
The proprietary copyrights of educational materials belong to the University of Tartu. The use of educational materials is permitted for the purposes and under the conditions provided for in the copyright law for the free use of a work. When using educational materials, the user is obligated to give credit to the author of the educational materials.
The use of educational materials for other purposes is allowed only with the prior written consent of the University of Tartu.
Terms of use for the Courses environment