Thursday, December 8, 2011

Menambah Judul dan Paragraf Baru (CSS)

2:25 PM Posted by Mukti Sucipto No Comments

Sekarang coba menambahkan judul artikel dan paragraf baru pada bagian <body> seperti dibawah:
<body>
    <h3>Judul Artikel</h3>
    <p>Contoh paragraf teks</p>
    <h3>Judul Artikel Baru</h3>
    <p>Contoh paragraf teks Baru</p>
</body>

Simpan dan refresh web browser, maka akan tampak seperti dibawah:

Secara otomatis mengikuti foemat CSS yang telah dibuat sebelumnya.

Kemudian sisipkan satu baris kode CSS baru untuk tag <body> dan hapus pengaturan jenis font untuk tag <p> dan <h3>

<style>

body {font-family:verdana}

h3 {color:red; font-style:italic}

p {color:blue; font-size:12px}

</style>

Maksud baris kode ke-2, seluruh teks yang berada diantara tag <body> akan ditampilkan menggunakan font verdana. Pada baris ke 3 dan 4, property font-family untuk tag h3 dan p dihilangkan.
Simpan dan refresh web browser, maka akan tampil: