Satura rādītājs
Ir gadījumi, kad ne viss ir jāveido veidlapa mūsu HTML dokumentos, daudzas reizes, lai veidotu mūsu lapu, dažos tagos ir jāiekļauj citi elementi, piemēram, attēli, jo šajā apmācībā mēs redzēsim, kā to izdarīt, un dažādas funkcijas iekļauts sevī.Lai HTML dokumentā parādītu attēlu, mums ir jāizmanto šis elements img kam ir šādi atribūti:
- src
- alt
- augstums
- platums
- lietotkarte
- ismap
Šobrīd mēs koncentrēsimies uz pirmajiem diviem atribūtiem, src Y alt; src ļauj mums norādīt ceļu, no kura pārlūks meklēs attēlu, tas var būt relatīvs ceļš vai pat URL, atribūts alt ļauj ievietot tekstu, šis teksts tiks parādīts tikai tad, ja attēls nebūs pieejams, neatkarīgi no tā, vai tas neatrodas ceļā, kurā tas tika norādīts src vai pat pārlūkprogramma to nevar interpretēt.
Apskatīsim piemēru, kā mūsu HTML dokumentā iekļaut attēlu:
Piemērs Šeit ir izplatīta forma trīs aktivitāšu attēlošanai triatlonā.Pirmā ikona apzīmē peldēšanu, otrā - riteņbraukšanu, bet trešā - skriešanu.
Šajā piemērā mēs redzam arī vēl divus atribūtus platums un augstums Tiem, kā norāda to nosaukumi, ir jāregulē attēla platums un augstums, ar to mēs varam garantēt, ka attēls saglabāsies mūsu noteikto izmēru robežās, arī tad, ja attēls ir lielāks par to, ka tas tiks mainīts, bez Tomēr jābūt uzmanīgiem, jo attēlam būs vienāds svars, tāpēc ieteicams ievietot jau rediģēto vajadzīgā izmēra attēlu un lai mūsu lapa tiktu ielādēta ātrāk.
Vēl viens diezgan izplatīts lietojums ir izmantot attēlu kā saiti uz citām lapām, vai nu ievietojot komandas ikonu, piemēram, nākamo bultiņu, tagad, izmantojot jaunos CSS ietvarus, tas varētu būt retāk, tomēr redzēsim, kā tiek darīts, lai šī iespēja būtu mūsu HTML rīku portfelī.
Lai iegultu attēlu, mēs vienkārši ievietojam elementu img elementa iekšpusē, kas attiecas uz lapu, piemēram:
Piemērs Šeit ir izplatīta forma trīs aktivitāšu attēlošanai triatlonā.Pirmā ikona apzīmē peldēšanu, otrā - riteņbraukšanu, bet trešā - skriešanu.
Tādējādi mēs panākam, ka attēls tagad ir mūsu saite, kā mēs redzēsim nākamajā ekrānā, attēls nemainās tā parādīšanas veidā:
