Advertisement

Belajar HTML Dasar 2# Apa Itu Elemen HTML?

Konten [Tampil]


 

Elemen merupakan salah satu componen penting yang terdapat pada HTML Bagi kamu yang baru belajar tentang HTML wajib untuk mengetahui apa itu HTML.

Di tutorial kali ini kita akan membahas apa yang dimaksud dengan elemen di HTML.

Mari simak penjelasannya.

Apa Itu Elemen?

Elemen adalah sebuah komponen yang menyusun file HTML. Elemen terbentuk dari  tag pembuka, isi tag dan tag penutup.

contoh:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <p style="color:red">Content</p>
</body>
</html>


pada contoh diatas terdapat satu elemen <p> yang di dalamnya terdapat attribut style="color:red;" dan memiliki isi berupa text content.

Elemen tidak selalu berisi teks, terkadang sebuah elemen  berisi elemen lain. Ini biasanya kita sebut dengan nested element atau elemen di dalam elemen.

Contoh:


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div><p>ini contoh elemen bersarang</p></div>
</body>
</html>




Jenis-Jenis Elemen Pada HTML

Elemen pada HTML secara garis besar terbagi menjadi 4:

  1. Structural 

elemen jenis ini berguna untuk memberi tanda tingkatan dalam sebuah tulisan. contoh elemen ini seperti dibawah

<h1>heading 1</h1>
<h2>heading 2</h2>
<h3>heading 3</h3>
<h4>heading 4</h4>
<h5>heading 5</h5>
<h6>heading 6</h6>
        

        heading terbagi menjadi heading 1 sampai heading 6. ukuran terbesar adalah h1 atau heading 1 dan terkecil h6 atau heading 6.

  2. Presentasional

Tanda yang menentukan tampilan dari sebuah tulisan tidak peduli dengan level dari tulisan tersebut (contoh, <b>boldface</b>akan menampilkan bold. Tanda presentasional saat ini sudah mulai digantikan oleh CSS dan tidak direkomendasikan untuk mengatur tampilan tulisan.

  3. Hiperteks

Elemen ini adalah elemen yang mengarahkan pengguna ke halaman bahkan ke situs lain (contoh, <a href="http://codinginajaa.blogspot.com/"> Codingin Aja</a> akan menampilkan halaman Codingin Aja sebagai sebuah hyperlink ke URL tertentu),

   4. Elemen Widget

Elemen widget yang membuat objek-objek lain seperti tombol (<button>), daftar (<li>), dan garis horizontal (<hr>). Konsep hiperteks pada HTML memungkinkan pembuatan tautan pada suatu kelompok kata atau frasa untuk menuju ke bagian manapun dalam World Wide Web.

Untuk elemen lainnya bisa di cek disini


 










Related Posts

Posting Komentar

0 Komentar