Mengenal Apa itu Element HTML : Belajar Dasar HTML untuk Pemula

Apa itu Dokumen HTML?

Dokumen HTML adalah file teks yang terdiri dari element HTML. element HTML itu didefinisikan menggunakan apa yang disebut dengan tag HTML.

Apa itu yang dimaksud dengan Tag HTML?

Elemen HTML didefinisikan dengan tag HTML. Apa yang dimaksud dengan tag HTML? berikut poin-poin yang akan membantu kita mengingat dan memahami pengertian Tag HTML:

  • Tag HTML digunakan untuk menandai (mark-up) elemen HTML
  • Tag HTML berada di antara dua karakter penanda berikut < dan >
  • Karakter penanda itu disebut dengan tanda kurung siku
  • Tag HTML umumnya selalu berpasangan seperti dan
    Tag pertama adalah tag pembuka, dan tag kedua adalah tag penutup
  • Teks di antara kedua tag tersebut disebut isi elemen
  • Tag HTML tidak bersifat case sensitif, <b>  memiliki arti yang sama dengan <B>

Apa yang dimaksud dengan Element HTML?

Contoh Dokumen HTML sederhana yang lengkap dari head sampai body

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

dua Teks didalam tag h1 dan p adalah element html

<h1>My First Heading</h1>
<p>My first paragraph.</p>

Berikut penjelasan tentang Elemen HTML tersebut:

  • Elemen HTML ini dimulai dengan tag pembuka: <h1> atau <p>
  • Isi dari elemen HTML adalah: My first heading untuk tag <h1> dan My first paragraph untuk tag <p>
  • Elemen HTML diakhiri dengan tag penutup: </h1> dan </p>
BACA JUGA:  Belajar Dasar Struktur dan Tag HTML untuk Pemula

Fungsi tag <h1> adalah untuk mendefinisikan sebuah elemen HTML yang harus ditampilkan dan menunjukkan teks tersebut adalah heading 1

Fungsi tag <p> adalah untuk mendefinisikan sebuah elemen HTML yang menunjukkan teks tersebut adalah sebuah paragraph teks

Didalam element HTML juga diperbolehkan dimasukkan element HTML yang Lain

<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>

<body> juga termasuk  element html

Elemen HTML ini dimulai dengan tag pembuka <body>, dan berakhir dengan tag penutup </body>

Fungsi dari tag <body> adalah untuk mendefinisikan elemen HTML yang berisi badan (isi) dari dokumen HTML yang akan ditampilkan di halaman depan website dan terlihat di layar.

Didalam element body kita boleh menyisipkan tag element seperti <h1> atau <p> seperti contoh diatas.

Empty Element HTML

Terdapat tag element html yang didalamnya tidak perlu diisi maupun di beri closing tag seperti tag <br> maupun <hr>

<body>

<h1>My First Heading</h1>
<p>My first paragraph.This is a <br> paragraph with a line break.This is a <hr> paragraph with a horizontal line break.
</p>

</body>

lihat contoh live nya disini jangan lupa klik  tombol run

Mengapa Harus Membiasakan Menulis tag dengan huruf kecil?

Kita sudah tahu bahwa tag HTML tidak case sensitif: <B> memiliki arti yang sama dengan <b>.  Kalau kita lagi surfing web, kita akan melihat bahwa ada juga situs web menggunakan tag HTML dalam huruf besar dalam source codenya. Tapi dalam contoh di atas, kita menggunakan huruf kecil.

Kalau Kita mengikuti standar web terbaru, kita harus selalu menggunakan tag dalam huruf Kecil. World Wide Web Consortium (W3C) merekomendasikan penggunaan huruf kecil dalam rekomendasi HTML 5 mereka, dan XHTML (generasi berikutnya dari HTML) memerlukan tag dalam huruf kecil.

Berbagai Refrensi Tag HTML Yang Dapat Digunakan sebagai pembuka element 

Nama Tag Keterangan / Kegunaan
Basic
<!DOCTYPE> Tag untuk menentukan tipe dokumen
<html> Tag untuk membuat sebuah dokumen HTML
<title> Tag untuk membuat judul dari sebuah halaman
<body> Tag untuk membuat tubuh dari sebuah halaman
<h1> to <h6> Tag untuk membuat heading
<p> Tag untuk membuat paragraf
<br> Memasukan satu baris putus
<hr> Tag untuk membuat perubahan dasar kata didalam isi
<!–…–> Tag untuk membuat komentar
Formatting
<acronym> Tag untuk membuat sebuah akronim (tidak disupport lagi di HTML5)
<abbr> Tag untuk membuat sebuah singkatan
<address> Tag untuk membuat kontak alamat
<b> Tag untuk membuat huruf bercetak tebal
<bdi> Mengisolasi bagian dari teks yang dapat diformat dalam arah yang berbeda dari teks lain di luarnya (tag baru HTML5)
<bdo> Mengganti arah teks
<big> Tag untuk membuat text berhuruf besar (tidak disupport lagi di HTML5)
<blockquote> Tag untuk membuat sebuah bagian text yang dikutip dari sumber lain
<center> Tag untuk membuat jajaran teks menjadi ditengah (tidak disupport lagi di HTML5)
<cite> Tag untuk membuat judul karya
<code> Tag untuk membuat potongan kode komputer di antara text
<del> Tag untuk membuat teks yang telah dihapus dari dokumen
<dfn> Tag untuk membuat sebuah istilah definisi
<em> Tag untuk membuat penekanan teks (tidak disupport lagi di HTML5)
<font> Tag untuk membuat font, warna, dan ukuran untuk teks (tidak disupport lagi di HTML5)
<i> Tag untuk membuat sebuah bagian dari teks yang disesuaikan dengan mood
<ins> Tag untuk membuat teks yang telah dimasukkan ke dalam dokumen
<kbd> Tag untuk membuat input keyboard
<mark> Tag untuk membuat teks yang disorot / ditandai (tag baru HTML5)
<meter> Tag untuk membuat pengukuran skalar
<pre> Tag untuk membuat teks terformat
<progress> Memperlihatkan kemajuan tugas (tag baru HTML5)
<q> Tag untuk membuat kutipan pendek
<rp> Tag untuk membuat apa yang harus ditampilkan di browser yang tidak mendukung penjelasan ruby (tag baru HTML5)
<rt> Tag untuk membuat sebuah anotasi / pengucapan karakter (untuk tipografi Asia Timur)
<ruby> Tag untuk membuat sebuah anotasi ruby (untuk tipografi Asia Timur) (tag baru HTML5)
<s> Tag untuk membuat teks yang tidak lagi benar
<samp> Tag untuk membuat contoh keluaran dari program komputer
<small> Tag untuk membuat teks kecil
<strike> Tag untuk membuat teks yang di coret tengah (tidak disupport lagi di HTML5)
<strong> Tag untuk membuat teks penting
<sub> Tag untuk membuat teks subskrip (seperti dalam penulisan Jat Kimia)
<sup> Tag untuk membuat teks superscripted (seperti dalam penulisan akar kuadrat)
<time> Tag untuk membuat tanggal / waktu (tag baru HTML5)
<tt> Tag untuk membuat teks teletype (tidak disupport lagi di HTML5)
<u> Tag untuk membuat teks yang memiliki Gaya yang berbeda dari teks biasa lainnya
<var> Tag untuk membuat sebuah variabel
<wbr> Tag untuk membuat kemungkinan garis-putus
BACA JUGA:  Belajar Dasar Menulis Syntax CSS untuk Pemula

Referensi tag selengkapnya bisa di lihat di Belajar Dasar Struktur dan Tag HTML untuk Pemula

Cari Catatan Disini

Best Deal

Catatan Terbaru Lainnya:

menggunakan-vpn-compressor

Originally posted 2019-02-24 04:46:42.