Cara Memasukan CSS Kedalam HTML
CSS singkatan dari Cascading Style Sheets atau bahasa style sheet yang digunakan untuk mengatur tampilan dokumen. Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda "wikipedia".
Ada beberapa cara untuk menyisipkan CSS kedalam HTML.
- Internal Style Sheets
- Eksternal Style Sheets
- Inline Style
Berikut cara menyisipkan CSS kedalam HTML.
Eksternal Style Sheets
Jadi dengan cara ini kalian harus membuat kode css secara terpisah dengan html namun masih dalam satu folder dengan kode htmlnya. Misalkan nama file css nya adalah bejalarCSS, nah setelah itu tinggal di panggil dengan perintah di atas.<head>
<link rel="stylesheet" type="text/css" href="belajarCSS.css">
</head>
Internal Style Sheets
Nah untuk cara ini cukup mudah, jadi kalian tinggal mengetikan kode css pada bagian html letaknya berada di andara <head> kode css</head>.<head>
<style>
body {
background-color: linen;
}
h1 {
color: maroon;
margin-left: 40px;
}
</style>
</head>
Inline Style
Dengan cara yang satu ini, kalian bisa merubah tampilan hanya beberapa text tertentu, sama halnya dengan menggunakan tag <span><h1 style="color:blue;margin-left:30px;">This is a heading.</h1>
Semoga bermanfaat!!
No comments:
Berkomentarlah sesuai artikel yang kamu baca.