HTML Styles Belajar Web Tutorial

HTML style merupakan salah satu attribut pada elemen HTML.

Kita bisa memasukkan HTML style ini pada elemen-elemen yang terdapat pada bahasa pemograman HTML.

Untuk dapat menguasai web tutorial kita harus menguasai html style ini

Adapun perintah/syntax yang digunakan untuk menambahkan style pada elemen HTML adalah:

style="properti:value;"

Maksud dari property dan value di atas adalah:

Property dan value berisikan property dan nilai dari Bahasa CSS.

Pembahasan CSS lebih lanjut akan anda jumpai pada tutorial selanjutnya yang akan saya bahas di lain kesempatan.

Di bawah ini terdapat beberapa contoh penggunaan style untuk property dan value dari CSS

• Property (background-color) untuk mengubah warna background dan Value (Blue)
          <p style="background-color=blue;">This is a paragraph.</p>


• Property (font-size) untuk menentukan besar huruf dan Value (300%)
          <h1 style="font-size:300%;">This is a heading</h1>
 

          <p style="font-size:160%;">This is a paragraph.</p>


• Property (Color) untuk warna dan Value (Red)
          <p style="color:red;">This is a paragraph.</p>


• Property (text-align) untuk rata text dan Value (center, left,right,justify)
          <p style="text-align:right;">This is a paragraph.</p>

Cobakan Kode HTML anda di sini
<p style="background-color=blue;"> This is a paragraph.</p> <br /> <h1 style="font-size:300%;"> This is a heading</h1> <br /> <p style="font-size:160%;"> This is a paragraph.</p> <br /> <p style="color:red;"> This is a paragraph.</p> <br /> <p style="text-align:right;"> This is a paragraph.</p>



Hasil program HTML

Klik tombol Coba HTML Styles untuk melihat hasilnya.

HTML Styles Belajar Web Tutorial 2016-01-23T16:42:00+07:00 Rating: 4.5 Diposkan Oleh: Dedy Fermana