HTML Style

Atribut Style HTML

Tujuan dari atribut style adalah:

Untuk menyediakan cara umum untuk style semua elemen HTML.

Styles diperkenalkan dengan HTML 4, sebagai cara baru dan lebih suka style elemen HTML. Dengan style HTML, style dapat ditambahkan ke elemen HTML secara langsung dengan menggunakan atribut style, atau tidak langsung dalam style sheet terpisah (file CSS).

Anda dapat mempelajari segala sesuatu tentang style dan CSS di w3school.com Tutorial CSS .

Dalam kami HTML tutorial kita akan menggunakan atribut style untuk memperkenalkan Anda ke style HTML.

Tag dan Atribut Usang

Dalam HTML 4, beberapa tag dan atribut yang ditinggalkan. Usang berarti bahwa mereka tidak akan didukung dalam versi masa depan dari HTML dan XHTML.

Pesan ini sangat jelas: Hindari menggunakan tag dan atribut usang!

Tag dan atribut yang harus dihindari:

Tags Deskripsi
<center> Mendefinisikan berpusat konten
<FONT> dan <basefont> Mendefinisikan HTML font
<s> dan <strike> Mendefinisikan strikethrough teks
<u> Mendefinisikan teks bergaris bawah
Atribut Deskripsi
align Mendefinisikan alignment teks
bgcolor Mendefinisikan warna latar belakang
color Mendefinisikan warna teks

Untuk semua hal di atas: Gunakan style sebagai gantinya!

Contoh HTML style - Warna Latar Belakang

Properti background-color menentukan warna latar belakang untuk elemen:

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>


Coba sendiri »

Atribut style membuat bgcolor "tua" atribut usang.

Coba sendiri: latar belakang warna dengan cara lama

HTML Style Contoh - Font, Warna dan Ukuran

Font-family, warna, dan sifat ukuran font mendefinisikan font, warna, dan ukuran teks dalam suatu elemen:

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>


Coba sendiri »

Atribut style membuat tag <FONT> lama usang.

Coba sendiri: Font cara lama

HTML Style Contoh - Alignment Teks

Properti text-align menentukan horizontal alignment teks dalam suatu elemen:

Contoh

<html>



<body>

<h1 style="text-align:center">This is a heading</h1>

<p>The heading above is aligned to the center of this page.</p>

</body>



</html>


Coba sendiri »

Atribut style membuat "align" atribut usang.

Coba sendiri: Centered pos dengan cara lama

Sumber www.w3schools.com

Diposting oleh Unknown di 16.04

0 komentar:

Posting Komentar

No Junk, Spam, Racism, Porn, and any think of negative thinking

Langganan: Posting Komentar (Atom)