Membuat External Style

Adalah dimana kode-kode CSS-nya diletakkan dalam satu file yang berakhiran  .css

Pembuatan File CSS

Contoh:

Buatlah sebuah file CSS yang bernama desain.css dan masukkan kode berikut ini:

h2{ color:blue;  text-align:center }

p{ color:red }

Keterangan:

  • Property color digunakan untuk mewarnai font
  • Property text-align digunakan untuk meletakkan teks sejajar dimana, apakah dikiri, tengah , kanan atau justify.

Pembuatan File HTML

Untuk memanggil file CSS maka kamu bisa memasukkannya dalam tag <head>

Syntax:

<head>

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

</head>

Contoh:

Buatlah sebuah file HTML bernama beritaExternal.html dan masukkan kode berikut ini:

<head>

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

</head>

<body>

<h2> Diterima di Unit Promosi Untuk Wamil, Joo Won Kecewakan Netter</h2>

<b>WowKeren.com</b> - Sukses berkarir di dunia akting tak membuat Joo Won lupa akan kewajibannya sebagai pemuda Korea. Joo Won pun memilih untuk menjalankan kewajibannya dengan masuk militer. 

<p>

Kabar terbaru terkait wajib militer Joo Won akhirnya didengar publik. Seperti dilansir dari E-Daily, bintang berusia 28 tahun itu diumumkan telah diterima di unit promosi kepolisian di Seoul. 

</p>

 

Sayangnya, bukan dukungan yang diterima oleh Joo Won. Banyak netter yang mengaku kecewa mengapa pemeran "Yongpalyi" malah masuk unit promosi dan bukan di militer sebagai tentara aktif. 

 

</body>

Hasil:

Klik 2x nama file HTML-mu maka pada browser akan tampil seperti berikut ini:

Diterima di Unit Promosi Untuk Wamil, Joo Won Kecewakan Netter

WowKeren.com - Sukses berkarir di dunia akting tak membuat Joo Won lupa akan kewajibannya sebagai pemuda Korea. Joo Won pun memilih untuk menjalankan kewajibannya dengan masuk militer.

Kabar terbaru terkait wajib militer Joo Won akhirnya didengar publik. Seperti dilansir dari E-Daily, bintang berusia 28 tahun itu diumumkan telah diterima di unit promosi kepolisian di Seoul.

Sayangnya, bukan dukungan yang diterima oleh Joo Won. Banyak netter yang mengaku kecewa mengapa pemeran "Yongpalyi" malah masuk unit promosi dan bukan di militer sebagai tentara aktif.
2016 © Fahmi Basya Kartapura