HTML Styles


«Previous Lanjut Bab »

Gaya atribut adalah atribut HTML baru. Memperkenalkan CSS untuk HTML.


Melihat! Gaya dan warna

Teks ini dalam Verdana dan merah

Teks ini di Times dan biru

Teks ini adalah 30 pixel tinggi

Mencobanya sendiri


Gaya HTML Atribut

Tujuan dari atribut gaya adalah:

Untuk menyediakan cara yang umum untuk gaya semua elemen HTML.

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

Anda dapat mempelajari segala sesuatu tentang gaya dan CSS pada tutorial CSS kita.

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


Gaya HTML Contoh

style = “background-color: yellow”

style = “font-size: 10px”

style = “font-family: Times”

style = “text-align: center”


Deprecated Tag dan Atribut

Dalam HTML 4, beberapa tag dan atribut didefinisikan sebagai usang. Deprecated berarti bahwa mereka tidak akan didukung dalam versi HTML dan XHTML.

Pesannya adalah jelas: Hindari penggunaan tag dan atribut usang.

Tag dan atribut ini harus dihindari:

Tags Deskripsi
<center> Mendefinisikan konten berpusat
<font> dan <basefont> mendefinisikan font
<s> dan <strike> Mendefinisikan teks Coret
<u> Mendefinisikan teks yang digarisbawahi
Atribut Deskripsi
align Mendefinisikan penyelarasan teks
bgcolor Mendefinisikan warna latar belakang
Color Mendefinisikan warna teks

Untuk semua hal di atas: Gunakan gaya instead.


Style Contoh:


Background Color

<body style=”background-color:yellow”>

Atribut gaya mendefinisikan style untuk elemen <body>.

Coba sendiri: Warna latar belakang

Atribut gaya baru membuat “lama” atribut bgcolor usang.

Coba sendiri: Latar Belakang cara lama


Font Keluarga, Warna dan Ukuran

<p style=”font-family:courier new; color:red; font-size:20px”>

Atribut gaya mendefinisikan style untuk elemen <p>.

Coba sendiri: Contoh Font

Atribut gaya baru membuat tag <font> lama usang.

Coba sendiri: Font dengan cara lama


Teks Alignment

<h1 style=”text-align:center”>

Atribut gaya mendefinisikan style untuk elemen <h1>.

Coba sendiri: Centered pos

Gaya baru membuat lama Atribut “align” atribut usang.

Coba sendiri: Centered memimpin cara lama

«Previous Lanjut Bab »

  1. Belum ada komentar.
  1. No trackbacks yet.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: