Tutorial HTML Part 5 : Mengenal Tag, Element dan Atribut di HTML

Halo Sahabat Codekop.com, Setelah Tutorial part 4 yaitu Menjalankan File HTML kali ini masuk ke babak baru,yaitu Mengenal Tag, Element, dan Atribut pada HTML. Oke langsung ae yak :

1. Pengenalan Tag HTML

Seperti yang dibahas tutorial sebelumnya bahwa html adalah bahasa markup, bahasa html digunakan untuk memerintahkan suatu dokumen. Sebagai sederhananya kita contohkan membuat dokumen di Ms Word, atau perangkat lunak pengolah kata lainnya.

Ketika membuat sebuah dokumen di Ms word, biasanya kita melakukan formatting atau editing teks agar terlihat rapih. Seperti menebalkan teks, memiringkan teks, memperbesar atau mengekecilkan font / tulisan, membuat list daftar dsb. Formatting ini bisa kita implementasikan proses markupnya kedalam bahasa HTML.

Misalnya kita ingin memiringkan teks, kita dapat menambahkan tag

contoh :

Ini adalah <i>Website</i> pertama Saya

Dan ketika kita buka di browser maka kata Website menjadi miring.

Perhatikan bahwa setiap tag mempunyai pasangan dengan tag penutupnya. Seperti contoh diatas adalah tag pembuka dan adalah tag penutup, setiap tag penutup mempunyai ciri-ciri garis miring atau slash / setelah kurung siku buka atau < .

<i>..</i> merupakan Tag HTML yang mempunyai fungsi untuk memiringkan teks pada dokumen HTML.

Berikut ini adalah cara penggunaan dari tag HTML :

<namatag>Isi atau konten </namatag>

2. Pengenalan Element

Element adalah isi dari tag yang berada diantara tag pembuka dan tag penutup, termasuk tag itu sendiri dan atribut yang dimilikinya.

Contoh :

<p> Ini adalah sebuah paragraf </p>

pada contoh diatas teks dari " Ini adalah sebuah paragraf " adalah elemen dari tag <p>. Namun element tidak hanya berisi text, namun juga bisa tag lain.

Contoh :

<p> Ini adalah <i>Website</i> Pertama Saya</p>

Dari contoh diatas, <p> Ini adalah sebuah <em>Website</em> Pertama Saya</p> merupakan elemen p.

3. Pengenalan Atribut HTML

Atribut adalah merupakan informasi yang akan di berikan kepada tag, misalnya atribut id dan class yang berfungsi sebagai untuk memberi nama suatu tag sebagai referensi CSS , JavaScript atau yang lainnya.

Berikut ini contoh penggunaan Atribut pada HTML.

<namatag atribut="nilai atribut">Isi konten</namatag>

HTML juga mempunyai tag yang hanya cocok dengan suatu atribut. Misalnya <a> dengan href, yang berfungsi untuk membuat link suatu halaman.

Contoh :

<a href="https://www.codekop.com">Menuju codekop</a>

Hasil :

Menuju codekop

lalu contoh berikutnya anda dapat memberikan warna pada teks dengan menggunakan atribut color dengan menggunakan tag <font>.

Contoh :

<font color="red">teks ini berwarna merah </font>

hasil :

teks ini berwarna merah

Oke setelah kita ikuti tutorial kali ini, kita telah mempelajari salah satu aspek terpenting di dalam HTML. Semoga bermanfaat..

Setelah Memahami, mempelajari dan Mengenal Tag, Element dan Atribut di HTML. Selanjutnya kita akan mempelajari Mengenal Struktur Dasar HTML