Penggunaan STYLE pada HTML
8:36:00 AM
KertasputiH
, Posted in
Styling HTML dengan CSS
CSSdiperkenalkanbersamadengan HTML 4, untukmenyediakancara yang lebihbaikuntukelemen HTML gaya.
CSS dapatditambahkanke HTML dengancaraberikut:
* dalam file terpisah style sheet (CSS file)
* dalamelemen style di bagiankepala HTML
* dalamatributgayadalamelemen HTML tunggal
Gaya MenggunakanAtribut HTML. Hal inimemakanwaktudantidakterlalupraktisuntukelemen HTML style menggunakanatribut style. Cara yang disukaiuntukmenambahkan CSS ke HTML, adalahmemasukkansintaks CSS pada file CSS terpisah.
Namun, dalamhalini HTML tutorial inikitaakanmemperkenalkanAndakepada CSS menggunakanatribut style. Hal inidilakukanuntukmenyederhanakan.Hal inijugamembuatlebihmudahbagiAndauntukmengeditkodedanmencobasendiri.
Contoh HTML Style - Warna Background
<body style="background-color:yellow;">
<h2 style="background-color:red;">This is a heading</h2>
<p style="background-color:green;">This is a paragraph.</p>
</body>
</html>
Contoh HTML Style - Font, warnadanbesar font
<html>
<body>
<h1 style="font-family:verdana;">A heading</h1>
<p style="font-family:arial;color:red;font-size:20px;">A paragraph.</p>
</body>
</html>
Contoh HTML Style - Text Alignment
<html>
<body>
<h1 style="text-align:center;">Center-aligned heading</h1>
<p>Iniadalahcontohparagraft</p>
</body>
CSSdiperkenalkanbersamadengan HTML 4, untukmenyediakancara yang lebihbaikuntukelemen HTML gaya.
CSS dapatditambahkanke HTML dengancaraberikut:
* dalam file terpisah style sheet (CSS file)
* dalamelemen style di bagiankepala HTML
* dalamatributgayadalamelemen HTML tunggal
Gaya MenggunakanAtribut HTML. Hal inimemakanwaktudantidakterlalupraktisuntukelemen HTML style menggunakanatribut style. Cara yang disukaiuntukmenambahkan CSS ke HTML, adalahmemasukkansintaks CSS pada file CSS terpisah.
Namun, dalamhalini HTML tutorial inikitaakanmemperkenalkanAndakepada CSS menggunakanatribut style. Hal inidilakukanuntukmenyederhanakan.Hal inijugamembuatlebihmudahbagiAndauntukmengeditkodedanmencobasendiri.
Contoh HTML Style - Warna Background
<body style="background-color:yellow;">
<h2 style="background-color:red;">This is a heading</h2>
<p style="background-color:green;">This is a paragraph.</p>
</body>
</html>
Contoh HTML Style - Font, warnadanbesar font
<html>
<body>
<h1 style="font-family:verdana;">A heading</h1>
<p style="font-family:arial;color:red;font-size:20px;">A paragraph.</p>
</body>
</html>
Contoh HTML Style - Text Alignment
<html>
<body>
<h1 style="text-align:center;">Center-aligned heading</h1>
<p>Iniadalahcontohparagraft</p>
</body>
0 Response to "Penggunaan STYLE pada HTML"
Posting Komentar