Pengenalan Code HTML Class Style

Pengenalan Code HTML Class Style. Hai ! Tutorial lalu kita sudah mempelajari tentang Pengenalan Code HTML Range Point , jika anda ingin lebih jelas mengenal HTML anda bisa mengunjungi halaman berikut : https://www.dicloud.id/tutorial/categories/perkenalan-html , disini kita akan mempelajari tentang Pengenalan Code HTML Class Style ,berikut penjelasannya :

disini kita akan mempelajari tentang Pengenalan Code HTML Class Style ,berikut penjelasannya :

Code HTML Class Style

Disini saya akan memberikan contoh code HTML untuk menginputkan sebuah Class Style , seperti dibawah ini :

<!DOCTYPE html>
<html>
<head>
	<style type="text/css">
		
		.bg {
    background-color: #28e9ed;
    color: white;
    padding: 10px;
    	}
    	.gd {
    background-color: #5fed28;
    padding: 100px;
    color: : #000000;		
    	}
	</style>
	<title>Test</title>
</head>
<body>
<h3><i class="bg">What is Lorem Ipsum?</i></h3>
<blockquote class="gd">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</blockquote>


</body>
</html>

<!DOCTYPE html>

<html>

<head>

.bg {

background-color: #28e9ed;

color: white;

padding: 10px;

}

.gd {

background-color: #5fed28;

padding: 100px;

color: : #000000;

}

</style>

</head>

<body>

<h3><i class="bg">What is Lorem Ipsum?</i></h3>

<blockquote class="gd">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</blockquote>

</body>

</html>

dan akan menghasilkan seperti gambar dibawah ini :

Pengenalan Code HTML Class Style

Disini kita menggunakan elemen baru yaitu <style> pada elemen <head> , fungsi elemen ini digunakan untuk memasukkan Style pada Elemen lain , nah saya membuat suatu class yait .bg dan .gd , masing masing class tersebut berisikan style style masing masing , untuk memanggil class tersebut anda bisa menggunakan code seperti <p class=”bg”> atau lainnya , untuk pemanggilan class anda hanya mengetik class=”class yang anda buat” di dalam elemen html .

Kesimpulan

Jika anda ingin menggunakan pemanggilan style anda bisa menggunakan code class=”test”.

Sekian Terima Kasih.

Author: Dicloud Support

Technical Support in dicloud.id

Panduan & Tutorial

Pengenalan Code HTML Class Style