Styling (Menghias) untuk File HTML

Untuk menghias file HTML, kita bisa melakukan beberapa cara. Menurut catatan saya, setidaknya ada 3 cara melakukan styling. Meski begitu, secara sintaks, semuanya mematuhi aturan sintaks CSS.

Pertama, inline CSS. Cara ini dengan langsung memasukkan kode CSS. Misal:

<a href="link.html" style="font-weight:bold;">Klik di sini</a>

Kedua, embedded CSS. Cara ini dilakukan dengan menyisipkan kode CSS di antara tag-tag HTML. Contoh:

<head> <style type="text/css" media=screen> p {color:red;} </style> </head>

Ketiga, external CSS. Cara ini dilakukan dengan menyisipkan link ke file CSS pada kode HTML kita. Contoh:

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

Kemudian dalam file CSS kita pun juga dapat melakukan link ke file CSS yang lainnya. Caranya kita menggunakan perintah import pada kode CSS. Contoh:

@import "style.css";

atau

@import url("style.css");
Pos ini dipublikasikan di Developer. Tandai permalink.

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