Halo sobat kali ini saya akan membahas bagaimana cara menghubungkan HTML dan CSS. Ketika kita membuat website atau blog tentu tidak terlepas dengan HTML dan CSS, ya keduanya memang sangatlah berhubungan dan tidak dapat terpisahkan karena keduanya saling melengkapi.
loading...
Lalu bagaimana cara menghubungkan CSS kedalam HTML? Berikut ini saya akan membahasnya. Dalam menghubungkan CSS dengan HTML ada beberapa cara, antara lain:
1. Inline
Inline adalah menuliskan kode CSS dalam tag HTML secara langsung.Sebagai contoh:
<html>
<head>
<meta charset="UTF-8">
<title>CSS</title>
</head>
<body>
<h1 style="color:blue"> Tulisan Contoh</h1>
</body>
</html>
<head>
<meta charset="UTF-8">
<title>CSS</title>
</head>
<body>
<h1 style="color:blue"> Tulisan Contoh</h1>
</body>
</html>
2. Internal
Hampir sama seperti Inline, tetapi bedanya CSS berada pada tag head. Perhatikan Contoh Berikut:
<html>
<head>
<meta charset="UTF-8">
<title>CSS</title>
<style>
h1 {color:blue}
</style>
</head>
<body>
<h1> Tulisan Contoh </h1>
</body>
</html>
<head>
<meta charset="UTF-8">
<title>CSS</title>
<style>
h1 {color:blue}
</style>
</head>
<body>
<h1> Tulisan Contoh </h1>
</body>
</html>
3. Eksternal
Memisahkan file HTML dan CSS, cara ini paling banyak digunakan. Perhatikan contoh dibawah ini:
Test.html
<html>
<head>
<meta charset="UTF-8">
<title>CSS</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1> Judul </h1>
</body>
</html>
Style.CSS
h1{
color:blue;
}
color:blue;
}
0 komentar:
Posting Komentar