class html - YULIANS | BLC Telkom

Saturday, February 10, 2018

class html

A.Pendahuluan

    Halo kawan saya akan menyampaikan class pada html.

B. Pengertian

     Class di HTML digunakan untuk membuat suatu seksi atau kelompok tertentu dengan tujuan mengelompokan sebuah file HTML menjadi beberapa bagian sesuai dengan tempatnya agar mempermudah para web developer memberi style pada setiap bagiannya. Class di HTML itu menggunakan Tag <div>

C. Pembahasan

       kali ini saya akan membuat contoh dari Tag <div>. langkah - langkahnya adalah sebagai berikut :
    1. Buat script sederhana sesuai keinginan anda, atau anda bisa ketik script di bawah ini :

<!DOCTYPE html>
<html>
<head>
<title> Class di HTML </title>
<style>
div.country {
    background-color:blue;
    color:yellow;
    margin:20px;
    padding:20px;
}
</style>
</head>
<body>

<div class="country">
<h2>Indonesia</h2>
<p> Indonesia adalah negara di Asia Tenggara yang dilintasi garis khatulistiwa dan berada di antara benua Asia dan Australia serta antara Samudra pasifik dan Samudra Hindia.
</p>
</div>

<div class="country">
<h2>Singapura</h2>
<p> Singapura adalah sebuah negara pulau di lepas ujung selatan Semenanjung Malaya, 137 kilometres (85 mi) di utara khatulistiwa di Asia Tenggara. </p>
</div>

<div class="country">
<h2>Malaysia</h2>
<p> Malaysia adalah sebuah negara federal yang terdiri dari tiga belas negeri (negara bagian) dan tiga wilayah federal di Asia Tenggara dengan luas 329.847 km persegi.</p>
</div>

</body>
</html>

2. Jika sudah anda save kemudian buka file yang anda simpan tadi dan hasilnya akan seperti berikut ini :






3. Bisa kita lihat , nama-nama negara Indonesia , Singapura , dan Malaysia masuk kedalam kelompok <div> Country / Negara. seperti itulah fungsi dari Tag <div> yang digunakan untuk mengelompokkan sesuatu kedalam suatu class tertentu, yang berguna utuk mempermudah kita untuk memberikan style

D. Kesimpulan

        Tag <div> digunakan untuk pengelompokkan suatu file yang di masukkan kedalam suatu class .

E. PENUTUP

sekian yang dapat saya sampaikan semoga bermanfaat..!!
F. Refrensi




No comments:

Post a Comment