Mari kita mulai dengan membuat file CSS eksternal. Buka notepad.exe, atau editor teks biasa lainnya dan ketik kode CSS berikut.
CSS Code:
body {background-color: abu-abu;}
p {color: blue;}
h3 {color: white;}
Sekarang simpan file sebagai (css.) File CSS. Pastikan bahwa Anda tidak menyimpannya sebagai file teks (. Txt), sebagai notepad suka melakukan secara default. Nama file "test.css" (tanpa tanda kutip). Sekarang membuat file HTML baru dan mengisinya dengan kode berikut.
Kode HTML:
<html>
<head>
<link rel="stylesheet" type="text/css" href="test.css" />
</ Head>
<body>
<h3> Sebuah header Putih </ h3>
<p> ayat ini memiliki font biru.
Warna latar belakang halaman ini abu-abu karena
kami mengubah dengan CSS! </ P>
</ Body>
</ Html>
Kemudian simpan file ini sebagai "index.html" (tanpa tanda kutip) di direktori yang sama dengan file CSS Anda. Sekarang membuka file HTML Anda di browser web Anda dan harus terlihat seperti ini ..
Tampilan:
Sebuah header Putih
Ayat ini memiliki font biru. Warna latar belakang halaman ini abu-abu karena kita berubah dengan CSS!
Selamat! Anda hanya membuat situs web pertama Anda yang menggunakan eksternal CSS! Sekarang, mari kita beralih ke hal yang menyenangkan.
0 komentar:
Posting Komentar