TUTORIAL Cara Membuat Class Pada HTML

1.Buka Notepad atau Editor yang anda punya

<html>

<head>

<title>Belajar HTML</title>

<style>

.jeniskelamin {

background-color:black;

color:white;

margin:50px;

padding:20px;

}

</style>

</head>

<body>

<p>Laki Laki adalah Pria, Pria adalah Laki Laki Maka dari itu Laki Laki itu disebut Pria, Jadi jika anda laki laki berarti anda pria</p>

<p>Laki Laki jika sudah Dewasa biasa dipanggil mas, jadi jika anda dipanggil mas anda sudah Dewasa, Laki Laki biasa juga

dipanggil om, om om adalah yg suka keluar malem, jika anda laki laki yg suka keluar malem berarti anda om om</p>

</div>

</body>

</html>

2. Ketikkan Pada Notepad atau Editor anda

3. Save as Dengan Format Berakhiran .html

contoh : class.html

4. Berikut Hasilnya

Anda bisa menambahkan tulisan lagi dengan menggunakan class yg sama, berikut Contohnya :

<html>

<head>

 <title>Belajar HTML</title>

<style>

.jeniskelamin {

 background-color:black;

 color:white;

 margin:50px;

 padding:20px;

}

</style>

</head>

<body>

<div class="jeniskelamin">

<h1>Laki - Laki</h1>

<p>Laki Laki adalah Pria, Pria adalah Laki Laki Maka dari itu Laki Laki itu disebut Pria, Jadi jika anda laki laki berarti anda pria</p>

<p>Laki Laki jika sudah Dewasa biasa dipanggil mas, jadi jika anda dipanggil mas anda sudah Dewasa, Laki Laki biasa juga

dipanggil om, om om adalah yg suka keluar malem, jika anda laki laki yg suka keluar malem berarti anda om om</p>

</div>

<div class="jeniskelamin">

<h1>Perempuan</h1>

<p>Perempuan adalah ciptaan tuhan yg paling indah "KATANYA", jadi beruntunglah kalian sebagai perempuan, karena kalau anda laki laki berarti anda tidak beruntung</p>

<p>perempuan biasanya dapat ditemukan di dapur, karena kebiasaan perempuan memasak, jadi jika anda ingin mencari jodoh (bagi laki laki) silahkan ke dapur</p>

<p>Perempuan disini fungsinya banyak, dia bisa sebagai penyemangat kalian disaat sedang terpuruk, tapi alangkah baiknya jika kita tetap menjaga kehormatan wanita tersebut, haseek</p>