Tiga Cara Penulisan Kode CSS di HTML
Selamat datang di panduan panduan pemrorgraman situs di Source Code Aplikasi. Kali ini saya akan menjelaskan Tiga Cara Penulisan Kode CSS di HTML, Pada penyusunan situs pastinya kita tak dapat lepas dengan CSS, karena guna dari CSS ini yakni menghias Situs kita menjadi lebih bagus dan lebih indah di lihat :P. Lalu bagaimana cara pemasangannya atau nyambunginnya dengan HTML, berikut penjelasannya.
Cara pertama-tama yakni Inline Stylesheet, cara ini yakni cara dimana kita menuliskan kode CSS di pada baris kode atau tag HTML tersebut. berikut yakni contoh penerapannya.
<!DOCTYPE html>
<html lang=en>
<head>
<meta charset=UTF-8>
<title> Inline Stylesheet </title>
</head>
<body>
<h1 style = color: red> ini judul yang hurufnya berwarna Merah </h1>
<h1 style = color: blue> ini judul yang hurufnya berwarna Biru </h1>
<h1 style = color: yellow> ini judul yang hurufnya berwarna kuning </h1>
</body>
</html>
Cara di atas tak di sarankan yah teman teman kalo bagi style css yang banyak, karenanya kita akan kerepotan pada menghias situs.
Cara kedua yakni Internal Stylesheet, nah cara ini yakni dimana kita menuliskan kode kode CSS kita diantara pembuaka dan penutup tag <head>, atau dapat kita taro di bawah tag <title>. Berikut contoh penerapannya.
<!DOCTYPE html>
<html lang=en>
<head>
<meta charset=UTF-8>
<title> Internal Stylesheet </title>
<style> p{ color : orange; }</style>
</head>
<body>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing eliusdam aus quos animi fugit!</p>
</body>
</html>
yang Terakhir yakni External Stylesheel. Ini yakni cara di mana pemanggilan File CSS terpisah dengan HTML.
berikut penerapannya
<!DOCTYPE html>
<html lang=en>
<head>
<meta charset=UTF-8>
<title>External Stylesheet</title>
<link rel=stylesheet href=style.css>
</head>
<body>
<p>Lorem ipsum dolor sit amet, consectetur aprnimi. Praesentium ipsam accusantium, similique accusamus quos animi fugit!</p>
</body>
</html>
kita tulis kode <link rel=”stylesheet” href=”style.css”>, dan bikin file css yang bernama style.css, dan di pada style.css masukan kode css berikut.
p{
color: lightblue;
padding: 20px;
}
demikian Tiga Cara Penulisan Kode CSS di HTML, semoga bermanfaat yah teman teman..
Sumber https://kursuswebsite.org
