Memahami Struktur HTML dan CSS

Memahami Struktur HTML dan CSS

HTML CSS merupakan salah satu yang tak tertinggalkan dalam halam web, dalam penerapan ada beberapa cara yang dapat digunakan untuk mempercantik tampilan halaman web, penyebutan tersebut ada tiga bagian yaitu:
  • Inline
  • internal
  • external
Inline style dalam HTML CSS sering juga disebut sebagai attribute dari elemen-elemen html, hal ini dapat diimplementasikan dengan cara seperti berikut.

<p style="color:red"></p>

Internal style merupakan penulisan kode CSS didalam satu halaman web dan berlaku untuk satu halam saja. Kode CSS tersebut dapat dituliskan diantara elemen <head></head>, contoh dari implementasi akan seperti dibawah ini.

<!Doctype html>
<html>
<head>
<title>judul</title> 
<style>
.example-text{background:red;} 
</style>
</head> 
<body>
 <p class="example-text">isi konten paragraf disini</p>
</body>
</html> 

External style merupakan CSS yang diletakkan diluar halaman web dengan melakukan pemanggilan link dari CSS tersebut diantara elemen <head></head>, contohnya...

<!Doctype html>
<html>
<head>
<title>judul</title>  
<link href="letakkan link/file css disini" type="text/css" rel="stylesheet"/>
</head> 
<body> 
<p class="example-text">isi konten paragraf disini</p>
</body>
</html>
Memahami Struktur HTML dan CSS Memahami Struktur HTML dan CSS Reviewed by creativekiller on January 11, 2018 Rating: 5

No comments:

Powered by Blogger.