CSS digunakan untuk elemen Style HTML


lihat contoh penggunaan css untuk style HTML


Look! Styles and colors


This 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>

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>

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>

Cobalah Sendiri »




oke, kita lanjut ke tutorial berikutnya !!!



<< HTML Font : Sebelumnya                                                  Selanjutnya : HTML Link >>




Posting Lama Posting Lebih Baru

Comments :

ada 3 komentar ke “Belajar HTML - HTML style (CSS)”
dhul mengatakan...
pada  

good




http://leazousnet.90op.com/

Rio Andreas mengatakan...
pada  

Terima kasih ya...
Sangat membantu bagi pemula seperti saya

nobelkurniadi mengatakan...
pada  

bermanfaat sekali,

terima kasih artikelnya

Poskan Komentar


Copyright © 2014 - Aldi Ferdiyan - My Facebook - Powered By Pasa Iklan / Pasang Iklan Gratis


"Belajar HTML - HTML style (CSS)"

Sewa Laptop Infonindo.com - Penyewaan Laptop - Sewa Laptop di jakarta - Warta kesehatan - Warta Sehat - Profil - Seks - alkes lab - Obat Penyakit Ibu Anak