HTML CSS

Dengan menggunakan HTML4.0, semua kode formatasi dapat diambil keluar dari dokumen HTML dan di转入 daftar gaya yang terpisah.

Contoh

Gaya di HTML
Contoh ini menunjukkan bagaimana menggunakan informasi gaya yang ditambahkan ke bagian <head> untuk memformat HTML.
Tautan tanpa garis bawah
Contoh ini menunjukkan bagaimana menggunakan atribut gaya untuk membuat tautan tanpa garis bawah.
Menghubungkan ke daftar gaya luaran
Contoh ini menunjukkan bagaimana menghubungkan tag <link> ke daftar gaya luaran.

Bagaimana cara menggunakan gaya

Ketika peramban membaca suatu daftar gaya, ia akan memformat dokumen menurut daftar gaya itu. Ada tiga cara untuk memasukkan daftar gaya:

Daftar gaya luaran

Ketika gaya perlu diterapkan di banyak halaman, daftar gaya luaran adalah pilihan yang ideal. Dengan menggunakan daftar gaya luaran, Anda dapat mengubah penampilan seluruh situs melalui perubahan suatu berkas.

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

Tabel Gaya Internal

Ketika berkas tunggal memerlukan gaya khusus, gaya tabel internal dapat digunakan. Anda dapat mendefinisikan tabel gaya internal melalui tag <style> di bagian head.

<head>
<style type="text/css">
body {warna-latar: merah}
p {jarak-kiri: 20px}
</style>
</head>

Gaya yang Diutarakan

Ketika ada gaya khusus yang perlu diterapkan ke elemen individu, gaya yang diutarakan dapat digunakan. Cara menggunakan gaya yang diutarakan adalah dengan menggunakan atribut gaya di tag yang relevan. Atribut gaya dapat mengandung setiap atribut CSS. Contoh berikut menunjukkan bagaimana mengubah warna paragraf dan jarak luar kiri.

<p style="warna: merah; jarak-kiri: 20px">
Ini adalah paragraf
</p>

Buka situs kami Panduan CSSuntuk belajar lebih banyak tentang gaya.

Tanda Deskripsi
<style> Tentukan definisi gaya.
<link> Tentukan referensi sumber.
<div> Tentukan bagian atau area (blok) di dalam dokumen.
<span> Tentukan bagian kecil atau area yang terletak di dalam dokumen.
<font> Tentukan font teks, ukuran font, dan warna font. Tidak disarankan. Gunakan gaya.
<basefont> Tentukan font dasar. Tidak disarankan. Gunakan gaya.
<center> Tengahkan teks secara horisontal. Tidak disarankan. Gunakan gaya.