Featured

HTML : Mengenal Tag,Elemet,Atribut dan Struktur Dasar HTML (Part 3)

 

Assalamualaikum wr.wb

Pengertian :

Tag merupakan kode yang digunakan untuk memperkenalkan pada web browser untuk apa text HTML tersebut ditulis. HTML membutuhkan cara memperkenalkan text yang di tulis di dalamnya kepada web browser baik text itu berupa list,link maupun yang lainnya.



Perbedaan  antara pembuka dan penutup yaitu, tag pembuka diawali kurung sudut pembuka,tag yang dimaksud,dan diakhiri kurung sudut penutup. Sedangkan pada penutup tag diawali kurung sudut pembuka,backslash(/),tag yang dimaksud dan kurung sudut penutup.

Jenis Tag Dalam HTML
Beberapa jenis tag yang sering digunakan :

Tag                    Keterangan
 
<!-....->                 Digunakan untuk memberi sebuah komentar atau keterangan
 
<!DOCTYPE         Digunakan untuk mendefinisikan tipe document
html>

<a>                      Mendefinisikan sebuah anchor,digunakan untuk saling
                             menautkan antara satu dokumen HTML ke dokumen HTML
                             yang lain

<b>                      Membuat text menjadi tebal

<p>                      Membuat paragraf

<h1>                    Membuat heading satu

<h2>                    Membuat heading dua

<body>                Mendefinisikan body/isi dokument htmlq

<head>                Mendefinisikan bagian kepala dokument html
 
<title>                  Mendefinisikan judul halaman

<div>                   Mendefinisikan halaman

<link>                  Mendefinisikan hubungan antar dokument

<script>               Mendefinisikan client -side sricpt

<table>                Mendefinisikan tabel

<th>                     Mendefinisikan sel header di dalam sebuah tabel

<td>                     Mendefinisikan sel di dalam sebuah tabel

<tr>                     Membuat baris 

<td>                     Mendefinisikan sel di dalam



Atribut, Element dan Struktur Dasar HTML
        Atribut merupakan informasi tambahan yang digunakan di dalam tag pembuka. Informasi  ini bisa berupa intruksi untuk memberikan efek warna, ketebalan, rata tengah kiri kanan dll. Atribut biasanya memiliki 2 bagian yaitu nama dan nilai, dapat ditulis name="value" . Penulisan nilai/value diapit oleh dua tanda kutip (bisa kutip satu dan juga kutip dua).
HTML Memiliki struktur dasar yaitu <html><head><title><body> jika tidak ada tag tersebut web tidak dapat dijalankan. Lanjut ke atribut HTML, Penulisan atribut pada HTML diawali dengan penulisan tag, didalam tag berikan atribut dan element dari tag itu sendiri berikut contoh penulisan atribut & Struktur Dasar pada HTML :


Kemudian save htmlnya, lalu klik kanan pilih " Open In Browser ". Maka akan muncul tampilan di bawah ini.



Keterangan :
  • <html> Berfungsi untuk mendefinisikan dokumen html.
  • <head> Adalah kepala dari website,pada tag ini anda bisa menambahkan banyak informasi seperti meta,css,javascript,font lain-lain.
  • <title> Berfungsi untuk menatakan title/judul websitedan disimpan dalam ag <head
  • <h2> Adalah tag heading
  • align Adalah nama dari atribut 
  • Center Adalah nilai dari atribut
  • Pengenalan Atribut HTML Adalah dari tag H2
  • </>(Slash) Adalah penutup dari sebuah Tag.
Kesimpulan :

       Tidak semua tag membutuhkan atribut di dalamnya, namun bagi yang bergelut dalam web programing akan sering menemukan tag yang didalamnya terdapat atribut. Pada HTML ini banyak sekali atribut yang bisa digunakan tetapi hanya cocok untuk tag-tag tertentu saja. Misalkan penggunaan atribut href yang hanya digunakan pada tag <a> dan pada beberapa tag lain


Waalaikumsallam wr.wb


Related Posts