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.

Java webinar