Belajar HTML dasar Part 3 : Belajar tag element attribut pada HTML

Pada tutorial kali ini kita akan mengetahui hal baru tentang belajar tag element attribut pada HTML. Kita akan membahasnya secara perlahan dan dalam tempo yang sesingkat-singkatnya. Mungkin bagi sedulur yang baru belajar HTML akan sangat penting untuk mengetahui

apa itu tag HTML..?

apa itu element HTML .. ? dan

apa itu attribut HTML .. ?

nah kita langsung saja membahasanya satu per Satu..

Tag HTML

Tag merupakan sebuah penulisan kode HTML agar kode tersebut bisa di baca oleh browser.
Tag memiliki penanda pembuka (< >) dan penanda penutup (</ >) serta di tengah tag merupakan isi objek. Penulisan Tag HTML dicontohkan seperti berikut :

<tag> isi objek </tag>

Jenis tag ada berbagai macam seperti contoh di bawah ini :

Tag Fungsi
<!–  ….  –> Untuk memberi  komentar atau keterangan
<!DOCTYPE html> Untuk Mendefinisikan tipe document
<a> Mendefinisikan sebuah anchor atau link, digunakan untuk saling menautkan antara satu dokumen HTML ke dokumen HTML yang lain
<b> membuat teks menjadi tebal
<p> membuat paragraf
<h1> membuat heading satu
<h2> membuat heading dua
<body> mendefinisikan body/isi dokument html
<head> mendefinisikan bagian kepala dokumen html
<title> memdefiniskan judul halaman
<div> mendefinisikan halaman
<link> mendefinisikan hubungan antar dokumen
<script> Mendefinisikan client-side script
<table> mendefinisikan tabel
<th> Mendefinisikan sel header di dalam sebuah tabel
<td> Mendefinisikan sel di dalam sebuah tabel
<tr> Membuat baris di dalam sebuah tabel
<ul> Mendefinisikan daftar dalam format bullet
<li> mendefinisikan list

 

Element HTML

Element HTML merupakan isi objek didalam tag pembuka dan tag penutup, termasuk didalamnya tag itu sendiri dan atribut yang dimilikinya. contoh

<p> Ini merupakan Sebuah Paragraf </p>


Pada contoh  diatas terdapat element p di dalam tag <p> </p>

Element tidak hanya berisi sekedar text saja , akan tetapi bisa ada tag di dalam tag

contoh :

<p> Ini merupakan Sebuah <em>Paragraf</em> </p>

Atribut dalam HTML

Atribut yaitu sebuah tambahan informasi yang diberikan kepada tag. informasi ini bisa berupa instruksi efek warna , efek besar kecil huruf pada text dan lain sebagainya.  Atribut mempunyai 2 (dua) bagian yaitu  nama dan value ditulis seperti ini name=”value” . yg perlu diperhatikan adalah penulisan value harus menggunakan tanda kutip satu (‘) atau kutip 2 (“) tergantung kebutuhan.

Contoh code :

<p style="color:red;"> ini merupakan sebuah paragraf </p>

Perhatikan code diatas :

  • <p> adalah tag paragraf
  • style adalah nama dari atribut
  • color:red adalah value dari atribut
  • “ini merupakan sebuah paragraf” adalah element dari tag <p>

Tidak semua tag membutuhkan atribut, tapi kita akan sering melihat sebuah tag dengan atribut, terutama atribut id dan class yang sering digunakan untuk manipulasi halaman web menggunakan CSS maupun JavaScript.

HTML memiliki banyak atribut yang beberapa diantaranya hanya cocok untuk tag tertentu saja. Sebagai contoh, atribut “href” yang hanya dapat digunakan untuk tag <a> saja (dan beberapa tag lain). Penjelasan tentang tujuan dan pengertian dari atribut seperti href  akan kita bahas lebih lanjut pada tutorial-tutorial selanjutnya.

Pada tutorial kali ini, kita telah mempelajari salah satu aspek terpenting di dalam HTML, yakni Pengertian Tag, Elemen, dan Atribut pada HTML. Dalam tutorial HTML dasar selanjutnya, kita akan mempelajari tentang Heading Pada HTML.

Part 4  #4. Heading HTML

TUTORIAL HTML DASAR DAN PEMULA LAINNYA

Belajar HTML Part 1 . Pengenalan HTML
Belajar HTML Part 2 . Text editor & struktur dasar HTML
Belajar HTML Part 3 . Belajar tag element attribut pada HTML

Check Also

cahsemarang.com

Belajar HTML dasar Part 6 : Formatting text Pada HTML

Formatting text adalah sebuah penegasan teks seperti cetak tebal, cetak miring, dan garis bawah . …

Leave a Reply

Your email address will not be published.