Saya adalah orang yang paling malas didunia ini, status saya adalah single berfaedah untuk dunia ini

Mengenal Tag, Element, Atribut dan Struktur Dasar HTML


Muhammad Aqshol Rifanza - Hai kawan....! Setelah kita mengetahui tentang heading pada part sebelumnya, sekarang kita mesasuki pengenalan Tag Element dan Atribut yang ada di HTML. Ini adalah dasar dari tampilan website.

Pengertian Tag
TAG Merupakan kode yang digunakan untuk memperkenalkan pada web browser untuk apa text HTML tersebut ditulis. HTML membutuhkan cara memperkenalkan text yang ditulis didalamnya kepada web browser baik text itu berupa list, paragraf, link maupun yang lainya. Disinilah kita gunakan tag, dimana objek yang dimasukkan berada diantara pembuka dan penutup tag. Berikut contoh penulisan tag HTML


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

Jenis Tag Dalam HTML
Berikut ada beberapa jenis tag yang sering digunakan :

TagKeterangan
<!– ….–> Digunakan untuk memberi sebuah komentar atau keterangan
<!DOCTYPE html> digunakan untuk Mendefinisikan tipe document
<a> Mendefinisikan sebuah anchor, digunakan untuk saling menautkan antara satu dokumen HTML ke dokumen HTML yang lain
<b> membuat teks menjadi tebal
<p> membuat pargraf
<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

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 :


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 dan lain lain
  • <title> Berfungsi untuk menatakan title/judul website sobat dan disimpan dalam tag <head
  • <body> Adalah isi dari sebuah website semua yang ditampilkan akan tampil dalam tag <body>
  • <h2> Adalah tag heading
  • align Adalah nama dari atribut
  • center Adalah nilai dari atribut
  • Pengenalan Atribut HTML Adalah element dari tag H2
  • </> ( Slash ) Adalah penutup dari sebuah Tag
Kesimpulan
Tidak semua tag membutuhkan atribut di dalamnya, namun bagi sobat 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

Referensi

  • http://www.script-kiddies.org
  • http://www.w3school.com
Sekian postingan kali ini, sampai bertemu lagi .....

Tidak ada komentar