Belajar HTML - HTML style (CSS)
CSS digunakan untuk elemen Style HTML
lihat contoh penggunaan css untuk style HTML
Style HTML dengan CSS
CSS diperkenalkan bersama-sama dengan HTML 4, untuk menyediakan cara yang lebih baik untuk elemen HTML Style .
CSS dapat ditambahkan ke HTML dengan cara berikut:
- dengan file Cascading Style Sheet (file CSS)
- dalam elemen <style> di bagian kepala HTML
- dalam atribut style dalam elemen HTML tunggal
- Menggunakan Atribut HTML Style
Cara yang disukai untuk menambahkan CSS untuk HTML,adalah menempatkan sintaks CSS pada file CSS yang terpisah.
Namun, dalam Belajar HTML ini kami akan memperkenalkan HTML dengan CSS menggunakan atribut style. Hal ini dilakukan untuk menyederhanakan contoh. Hal ini juga agar membuat lebih mudah bagi Anda untuk mengedit kode dan mencoba sendiri.
Cobalah Sendiri »
Cobalah Sendiri »
Cobalah Sendiri »
lihat contoh penggunaan css untuk style HTML
Look! Styles and colorsThis text is in Verdana and red This text is in Times and blue This text is 30 pixels high |
Style HTML dengan CSS
CSS diperkenalkan bersama-sama dengan HTML 4, untuk menyediakan cara yang lebih baik untuk elemen HTML Style .
CSS dapat ditambahkan ke HTML dengan cara berikut:
- dengan file Cascading Style Sheet (file CSS)
- dalam elemen <style> di bagian kepala HTML
- dalam atribut style dalam elemen HTML tunggal
- Menggunakan Atribut HTML Style
Cara yang disukai untuk menambahkan CSS untuk HTML,adalah menempatkan sintaks CSS pada file CSS yang terpisah.
Namun, dalam Belajar HTML ini kami akan memperkenalkan HTML dengan CSS menggunakan atribut style. Hal ini dilakukan untuk menyederhanakan contoh. Hal ini juga agar membuat lebih mudah bagi Anda untuk mengedit kode dan mencoba sendiri.
Contoh HTML STYLE - Background Color
Pada contoh ini kita akan mengubah background color dari tag body dan huruf
Contoh
<html>
<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>
<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>
Cobalah Sendiri »
Contoh HTML Style - Font, Color and Size
Contoh
<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>
<body>
<h1 style="font-family:verdana;">A heading</h1>
<p style="font-family:arial;color:red;font-size:20px;">A paragraph.</p>
</body>
</html>
Cobalah Sendiri »
Contoh HTML Style - Text Alignment ( Posisi Text )
Contoh
<html>
<body>
<h1 style="text-align:center;">Center-aligned heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
<body>
<h1 style="text-align:center;">Center-aligned heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
Cobalah Sendiri »
good
BalasHapushttp://leazousnet.90op.com/
Terima kasih ya...
BalasHapusSangat membantu bagi pemula seperti saya
bermanfaat sekali,
BalasHapusterima kasih artikelnya