Raam HTML-iga - kuidas see töötab
Oma veebisaidi meediumite atraktiivsemaks muutmiseks võite HTML-koodi abil joonistada selle ümber raami. Selles praktilises näpunäites näitame teile, kuidas see töötab ja milliseid eeliseid CSS-id pakuvad raami määratlemisel.
HTML-kodeerimine - piltide ja muude meediumide ümber raamide joonistamine
Vaikimisi on igal pildil ühe piksli laiune raam. Kuid see on nähtav ainult siis, kui pilti kasutatakse hüperlingina. Atribuudi "border" abil saate raami paksuse individuaalselt määratleda.
- HTML-is näeb kümne pikslise musta raami kood välja umbes selline:
- Seda raami rakendatakse objekti kõigile neljale küljele.
- Raami joonistamiseks pildi ümber saate kasutada pilditöötlusprogrammi, näiteks Gimp.
- Pange aga tähele, et see muudab pildi suuremaks ja pildi allalaadimine võtab teie veebisaidi külastajal kauem aega.
Määratlege HTML-dokumendis raam CSS-iga
Raami - näiteks kasti teksti ümber - saate veelgi täpsemalt määratleda kaskaadlaadsete stiililehtedega.
- Veel üks praktiline näpunäide räägib teile, kuidas CSS-faili oma veebisaidile integreerida.
- Selles CSS-dokumendis saate raami värvi ja paksuse seada kõigil neljal lehel erinevalt:
- border-bottom: # 999 - määrab alumise raami värvi. Siin saate kasutada ka "piiri ülaosa", "piiri paremalt" või "piiri vasakult".
- äärise laius: 0 0 õhuke õhuke - määrab joone paksuse. Seda tehakse päripäeva. Siin tähendab see, et üla- ja parempoolseid jooni pole näha, samal ajal kui all ja vasakul on määratletud õhuke joon.
- border-style: none none groove groove - määrab pildi või kasti dekoratiivraami. "Soone" stiil loob 3D-efekti.
Teie koduleht elab loomulikult selle olemasolust võrgus. Järgmises artiklis loete parimaid näpunäiteid oma Google'i paremusjärjestuse parandamiseks.