Izmantojiet CSS, lai norādītu Web lapas izskatu.
Tīmekļa lapu kodētājs izmanto hiperteksta iezīmēšanas valodu, lai tīmekļa pārlūkprogrammai norādītu katra lapas elementa, piemēram, rindkopas, virsraksta vai saraksta, funkcionālo mērķi. Kopš HTML 4 kaskādes stila lapas ir nodrošinājušas kodētājam veidu, kā norādīt pārlūkprogrammai, kā vajadzētu izskatīties katram no šiem elementiem, neatkarīgi no tā, kas tie ir. Lapai var būt dažādi CSS stili dažāda veida ierīcēm, piemēram, mobilajiem tālruņiem un galddatoriem, ļaujot mainīt lapas izskatu, kodētājam nemainot HTML. Izmantojiet CSS rekvizītus, lai centrētu attēlu.
1. darbība
Ievietojiet "img" tagu HTML failā vietā, kur vēlaties rādīt attēlu tīmekļa lapā. Tam jāatrodas starp tagiem "body" un aiz "h1" tagiem. Piemēram,
Dienas video
Šis ir jūsu teksts.
definē attēlu ar nosaukumu photo.jpg, kas ir 170 pikseļus plats un 50 pikseļus garš. Tā ir pirmā lieta lapā pēc augšējā virsraksta.
2. darbība
Izmantojiet CSS atribūtu “margin”, lai definētu atstarpi ap lapas elementiem, piemēram, attēliem. Piemales atribūta vērtība "auto" liek tīmekļa pārlūkprogrammai automātiski noteikt vietas daudzumu. Tātad,
definē, ka vietu ap attēlu nosaka pārlūkprogramma.3. darbība
Izmantojiet rekvizītu "displejs", lai noteiktu, kā tiek parādīts lapas elements. Displeja rekvizīta vērtība "bloķēt" liek tīmekļa pārlūkprogrammai parādīt elementu savā rindā ar atstarpi virs un zem tā. Tātad, definē to pašu attēlu, bet pievieno "displejs: bloks;" tagad novieto to savā rindā.
4. darbība
Skatiet Web lapu vairākās dažādās pārlūkprogrammās, lai pārbaudītu, vai attēls ir pareizi centrēts.
Padoms
Iekļaujiet attēla aprakstu tagā "alt". Tas padara jūsu lapu pieejamāku lasītājiem ar redzes traucējumiem un nodrošina, ka jūsu kods atbilst standartiem.
