Belajar HTML Dasar : Mengenal Tag, Element, Atribut HTML #3

     Setelah sebelumnya kita membahas tentang Pengenalan HTML, Text Editor. Kini kita akan memasuki tutorial pengenalan  dan penggunaan tag, Element dan Atribut dalam HTML Ketiga pembahasaan ini merupakan dasar dalam penulisan kode HTML atau dasar dari seluruh tampilan halaman web yang ada di internet.


Tag HTML

    Tag merupakan kode yang digunakan untuk memperkenalkan web browser untuk apa text HTML yang di tulis. HTML membutuhkan cara memperkenalkan text yang ditulis didalamnya kepada web browser. baik itu text berupa list, paragraf, link dan sebagainnya. disinilah digunakan tag, dalam penulisan tag, hampir semua menggunakan pembuka dan penutup tag. dimana objek yang dimaksudkan berada diantara pembuka dan penutup tag. berikut penulisan tag yang akan digunakan dalam HTML.

<tag>Objek yang diisi</tag>

    Perbedaan antara tag pembuka dan tag penutup yaitu, pada tag pembuka diawali kuung sudut pembuka dan di akhiri dengan sudut penutu (< >), Sedangkan pada tag penutup diawali dengankurung sudut pembuka, backlash, dan diakhiri dengan penutu sudut (</ >).

Jenis tag yang sering digunakan dalam html

Berikut beberapa jenis tag yang akan sering anda jumpai diweb programing :

<!-  _> Digunakan untuk memberi sebuah komentar dan keterangan
<!DOCTYPE html> Digunakan untuk mendefinisikan tipe document HTML5
<a>link</a> Digunakan untuk saling manautkan antara satu dokumen html ke dokumen lain
<b>..</b> Membuat teks menjadi tebal
<p>..</p> Membuat paragraf
<h1>..</h1> Membuat heading satu
<h2>..</h2> Membuat heading dua
<body> Mendefinisikan body/isi dokumen html
<head> Mendefinisikan bagian kepala dokumen html
<title> Mendifinisikan judul halaman
<div> Mendefinisikan halaman
<link> Mendefinisikan hubungan antar dokumen

Selain Tag diatas ada juga yang akan anda temui di dalam HTML berikut beberapa jenis tag yang akan anda temui selain tag di atas

<script> Mendefinisikan client-side script
<table> Mendefiniskan tabel
<th> Mendefinisikan sel header didalam sebuah table
<td> Mendefinisikan sel didalam sebuah table
<tr> Membuat baris didalam sebuah table
<ul> Mendefinisikan daftar dalam format bullet
<li> Mendefinisikan list

Atribut pada HTML

    Atribut merupakan informasi tambahan yang digunakan didalam tag pembuka, informasi ini bisa berupa intruksi untuk memberikan efek warna, ketebalan dan lain-lain. Atribut hanya memiliki 2 bagian yaitu nama dan nilai, dapat ditlis dengan (nama="value"). penulisan nilai/value diapit oleh dua tanda kutip (bisa digunakan ktuip satu atau kutip dua)

    Penulisan atribut pada HTML, diawali dengan penulisan tag, didalam tag diberikan atribut dan elemet tag itu sendiri berikut contoh penulisan atribut pada HTML.

<!DOCTYPE html>
<html>
    <head>
        <title>Mazkran</title>
    </head>
    <body>
        <h2 align="center">Pengenalan atribut html</h2>
    </body>
</html>

    Perhatikan pada syntax diatas :

  • <h2> adalah tag heading 2
  • align adalah nama atribut
  • center adalah nilai/variabel dari atribut
  • "pengenalan atribut html" adalah element dari h2
   Tidak semua tag ini membutuhkan atribut didalamnya, namun bagi anda yang bergelut di web programming akan sering menjumpai tag yang didalamnya terdapat atribut.



Posting Komentar

Post a Comment (0)

Lebih baru Lebih lama