Pengenalan HTML (Bagian 2)

Pengertian Tag HTML

Tag HTML : Berada diantara tanda < dan >, umumnya setiap tag memiliki pasangan, misalnya <b> dengan </b>. Tag pertama <b> disebut dengan Start Tag. Tag kedua </b> disebut dengan End Tag. Tidak bersifat Case Sensitive artinya tidak mempengaruhi terhadap penulisan teks (text) huruf besar dan huruf kecil dapat digunakan.

Ilustrasi Photo by Miguel Á. Padriñán

Macam-Macam Tag HTML

Tag atau elemen terdiri dari dua macam, yaitu Container Tag dan Stand Alone Tag. Container Tag menandai suatu bagian dari dokumen diawal dan diakhir. Sedangkan Stand Alone Tag tidak memerlukan tanda awal dan akhir.

Contoh Struktur Dasar HTML

Secara utuh, struktur dokumen dan elemen pendukungnya dapat ditulis sebagai berikut:

<html>
<head>
   <title>…..isi dari title…..</title>
</head>
<body>
   ….. isi /informasi body yang akan
       ditampilkan pada browser web…..
</body>
</html>

Sedikit Mengenal Tag Head

TAG <HEAD>

Tag ini memerintahkan peramba untuk memperlihatkan detail dari website ini. Seperti biasanya memperlihatkan favicon, title atau detail nama halaman yang diakses. Dapat dilihat pada detail tab perambaan kita.

Tag yang biasanya berada di bawah tag head:

<title> .... Isi dari judul halaman .... </title>
<script> ... isi dari atau tautan menuju ke berkas js atau css ... </script>

Sedikit Mengenal Tag Body

TAG <BODY>
Tag ini memerintahkan peramba (browser) untuk menampilkan semua elemen yang berada dalam tag <body>.

Tag yang biasanya berada di bawah tag body:

<br> untuk membuat baris sebanyak 1 kali enter.
<p> ... Isi dari tag p ... </p> untuk membuat atau menampilkan tulisan yang berbentuk paragraf. P sendiri diambil dari huruf depan Paragraf sebagai nama tag ini.
<table> Bentuk tabel dengan berbagai ukuran. </table> untuk membuat bentuk atau tabel pada halaman website.

Atributnya:

alink=”warna” untuk mengatur warna tautan (link) yang aktif.

background=”nama_file/url” untuk mengatur atau memberitahu nama file untuk latar belakang yang diinginkan.

bgcolor=”warna” untuk mengatur warna latar belakang.

link=”warna” untuk mengatur warna tautan.

text=”nama warna” untuk mengatur warna teks.

vlink=”nama warna” untuk mengatur warna vlink.

Postingan yang lain akan membahas lebih lanjut bagaimana menulis atau mengetik perintah atau tag HTML yang lain. Jadi, dateng lagi ya!!! :)