5.1 Atribut gaya tag
Lan sawetara liyane migunani babagan HTML. Nalika web wiwit populer, ana permintaan sing akeh kanggo kaca web supaya dirancang kanthi apik utawa apik banget. Masalah iki ditanggulangi kanthi nggunakake style .
Bentuk umum atribut iki nduweni format ing ngisor iki:
<tag style="name=value;name2=value2;nameN=valueN">
Nilai atribut, dipisahake stylekaro titik koma, nampilake kabeh "gaya" sing kudu ditrapake ing tag.
Contone, sampeyan pengin nampilake gambar minangka kothak 100*100lan uga nggawe setengah transparan. Kanggo nindakake iki, sampeyan kudu nambah gaya khusus:
- jembaré=100px;
- dhuwur = 100px;
- opacity=0,5;
Banjur kode HTML karo gambar iki bakal katon kaya iki:
<img src="logo.png" style="width=100px;height=100px;opacity=0.5">
Ana atusan, yen ora ewonan, gaya. Lan pangembang browser terus-terusan nggawe sing anyar. Iku apik yen sampeyan sinau dadi developer Java, dudu desainer web :)
5.2 Gaya CSS populer
Ora mungkin sampeyan bakal nulis akeh kode HTML utawa ngowahi gaya ing urip sampeyan, nanging apa wae bisa kedadeyan. Contone, sampeyan nulis sawetara kaca HTML cilik kanggo nyoba API. Mulane, ngerti gaya dhasar HTMLbisa mbiyantu.
Ing ngisor iki 10 sing paling umum kanggo pangembang backend:
| # | jeneng | Tuladha | Katrangan |
|---|---|---|---|
| 1 | ambane | jembaré: 100px | jembaré unsur ing piksel |
| 2 | dhuwur | dhuwur: 50% | dhuwur unsur minangka persentase (jembaré wong tuwa) |
| 3 | tampilan | tampilan: ora ana | unsur tampilan (ora nampilake unsur) |
| 4 | visibilitas | visibilitas: didhelikake | visibilitas unsur (elemen didhelikake, nanging papan dilindhungi undhang-undhang kanggo iku) |
| 5 | werna | werna: abang; | werna teks |
| 6 | werna latar mburi | werna latar mburi: kumelun | werna latar mburi |
| 7 | wates | wates: 1px ireng ngalangi; | wates (jembaré 1px, werna ireng, garis padhet) |
| 8 | font | font: verdana 10pt | font: verdana, ukuran 10pt |
| 9 | teks-align | teks-align: tengah; | alignment teks kanthi horisontal |
| 10 | wates | wates: 2px | padding njaba unsur |
Sampeyan ora perlu ngelingi tag kasebut, kabeh ana ing Internet. Kajaba iku, saben "gaya" duwe nilai sing sah dhewe lan format dhewe kanggo nggambarake nilai kasebut. Deleng ing paling ing borderutawa font.
GO TO FULL VERSION