Saites pievienošana
Visus tagus, kurus mēs apskatījām iepriekš, sauc par HTML elementiem. Tagad noskaidrosim kas ir atribūts.
- Visiem HTML elementiem var būt atribūti.
- Atribūti sniedz papildu informāciju par elementiem.
- Atribūti vienmēr ir norādīti sākuma tagā.
- Atribūti parasti ir nosaukuma/vērtības pāros, piemēram: href="URL".
Apskatīsim tagu <a>. Tas ir enkura tags.
Enkurs ir grāmatzīme ar unikālu nosaukumu noteiktā tīmekļa lapas vietā, kas paredzēta, lai izveidotu saiti uz to. Enkuri ir noderīgi lielos dokumentos, lai jūs varētu ātri pāriet uz vēlamo sadaļu.
Piemērs:
<a href="https://www.uzdevumi.lv/p/datorika-skola2030">Datorika (Skola2030)</a>
Atribūta href pirmā daļa norāda uz lapu, kas tiks atvērta, noklikšķinot uz saites, bet atribūta otrajā daļā ir teksts, kas tiks parādīts apmeklētājam, lai mudinātu viņus noklikšķināt uz šīs saites. Mājaslapā šo saiti mēs redzēsim šādi: Datorika (Skola2030).
Lai saite atveras jaunajā logā, atribūta pirmajā daļā var pievienot target="blank".
Piemērs:
<a href="https://www.uzdevumi.lv/p/datorika-skola2030" target="blank">Datorika (Skola2030)</a>
Attēlu pievienošana
Pašlaik grūti iedomāties mājaslapu bez attēliem. Tie pievērš mūsu uzmanību, padara mājaslapu pievilcīgāku.
Attēlu pievienošanai izmantosim tagu <img> un atribūtu src, kurš norāda ceļu uz attēlojamo attēlu. Ir divi veidi, kā norādīt to ceļu (URL).
1. Absolūtais URL.
Šajā gadījumā pats attēls atrodas kādā citā vietnē. URL izskatīsies šādi: src="https://cdn.pixabay.com/photo/2015/720.jpg". Viens no trūkumiem ir tas, ka attēls var būt pārvietots vai izdzēsts. Tādā gadījumā tas pazudīs arī no Jūsu lapas.
Svarīgi!
Atceries, ka izmantojot attēlu bez autora atļaujas, tu vari pārkāpt autortiesības līkumu! Vislabāk izmantot vai nu savas bildes, vai ņemt attēlus no speciālām vietnēm, tādiem kā, piemēram, https://pixabay.com/.
2. Relatīvs URL.
Tas nozīmē, ka attēls atrodas Jūsu vietnē. URL nesatur domēna nosaukumu un attēla nosaukums sākas bez slīpsvītras. Piemēram, src="2015/720.jpg".
Vislabāk izmantot relatīvo URL, jo tādā gadījumā attēls vienmēr būs pieejams.
Ievietojot attēlu, dažreiz ir nepieciešams mainīt attēla izmēru. Te mums palīdzēs divi atribūti:
- width - platums pikseļos;
- height - augstums pikseļos.
Piemērs:
<img src="2015/720.jpg" width="200" height="100">
Alternatīvais atribūts alt ļauj attēlam pievienot alternatīvu tekstu, ja kāda iemesla dēļ (piemēram, lēns savienojums) attēls nerādās.
Piemērs:
<img src="2015/720.jpg" alt="web programmēšana">
Video pievienošana
Lai timekļa lapai pievienotu video ir jāizmanto tags <video>. Kopā ar šo elementu izmanto atribūtu controls. Tas pievieno vadīšanas elementus: pauze, skaļums, atskaņošana.
Elements <source> ļauj pievienot alternatīvu video variantu (ar citu paplašinājumu). Ja pārlūkprogrammā neatbalsta kādu paplašinājumu, tad tiks izvēlēts cits variants ar citu paplašinājumu. Parasti, populārākas pārlūkprogrammas atbalsta šādus paplašinājumus: mp4, WebM un Ogg.
Piemērs:
<video width="420" height="350" controls>
<source src="video.mp4" type="video/mp4">
<source src="video.ogg" type="video/ogg">
</video>
<source src="video.mp4" type="video/mp4">
<source src="video.ogg" type="video/ogg">
</video>
Ir vēl vieglākais variants kā pievienot video - no vietnes YouTube. Atvērot vajadzīgo video, spiežam uz pogu Kopīgošana. Tad jaunajā logā izvēlējamies Iegult, tad kopējam piedāvāto kodu un ievietojam vajadzīgajā vietā tīmekļa lapā.
