HTML 2 : Macam Macam TAG Dasar HTML

Tag adalah sebuah tanda yang digunakan HTML untuk memberitahukan kepada web browser untuk apa fungsi dari sebuah teks. Apakah teks tersebut ditulis sebagai sebuah paragraf, list, atau sebagai link. Tanda ini lah yang dikenal dengan istilah Tag. Di dalam HTML hampir semua tag yang ada ditulis secara berpasangan, yakni tag pembuka dan tag penutup. Penulisan tag berada di antara dua buah kurung siku (< dan >).
Berikut macam macam Tag dasar HTML :

Tag HTML

Untuk memprentasikan halaman web dalam hal ini html maka perlu adanya induk tag, dan <html> ini berlaku sebagai induk tag yang mana tag html ini harus diletakan pada awal document dan begitu juga tag html penutup yang diletakkan diakhir document.

<html>
  ..Objek..
</html>

Secara umum, fungsi HTML adalah untuk mengelola serangkaian data dan informasi sehingga suatu dokumen dapat diakses dan ditampilkan di Internet melalui layanan web.

Tag HEAD

Head atau “<head>” biasanya digunakan oleh title dari sebuah website. Dan seringkali digunakan untuk menempatkan deklarasi awal script-script bahasa lain, seperti javascript misalnya. Fungsi-fungsinya diletakkan disini, dan implementasi dari fungsi tersebut ditempatkan pada tag <body>. Selain itu kebanyakan juga digunakan untuk meletakkan meta tag. Yang mana meta tag ini berfungsi untuk memberikan informasi berkenaan dengan halaman web tersebut. Contohnya seperti :
<meta http-equiv="CONTENT-LANGUAGE" content="EN-US">

Yang digunakan untuk memberikan nformasi mengenai bahasa apa yang digunakan dalam web tersebut. Yang biasanya tag-tag ini dibaca oleh bot-bot yang merecord web/situs kita di internet. Contoh penggunaanya kira-kira seperti ini :


<html>
  <head>
    <title> Judul dari website anda </title>
  </head>
</html>

Tag TITLE

Setiap halaman website membutuhkan judul/title, dimana judul ini yang berfungsi untuk memberikan gambaran dari isi halaman sebuah website. Sebagai contoh :

<html>
  <head>
    <title> Agus Blog </title>
  </head>
</html>

Dan perlu dicatat, sebuah halaman website hanya dapat menyimpan satu title. Title ini hanya dapat menyimpan informasi berbentuk plain text/text biasa, dan tidak dapat menyimpan gambar ataupun dari tipe file yang lain.

Tag BODY

Digunakan sebagai inti dari halaman web, seperti tampilan website, kemudian content yang berisi link, images, text, video, dan banyak lagi.

<html>
  <head>
    <title> Agus Blog </title>
  </head>
  <body>
    ..Konten web..
  </body>
</html>

Tag Paragraf

Tidak dapat dipungkiri jika penggunaan paragraph itu diperlukan dalam memperindah konten dari suatu web disamping memisahkan paragraph yang satu dengan yang lain dimana didalamnya terdapat informasi yang saling melengkapi.
Penggunaan paragraph dalam html cukup dengan menggunakan “<p>” sebagai pembuka dan “</p>” sebagai penutupnya dimana satu pasang <p></p> dianggap sebagai satu paragraph.

Contoh :
<p>Dimana ada kemauan disitu ada jalan.
Begitulah kata pepatah yang memang benar-benar
mempengaruhi banyak orang dalam mewujudkan cita-citanya.
Begitupun seorang Nicholas Copernicus disalah satu kata-kata bijaknya. 
99 % menentukan keberhasilan dari usaha adalah
kemauan dan kerja keras, 1 % -nya bakat.</p>
<p>Kegagalan bukanlah akhir dari suatu kehidupan, 
justru dengan kegagalanlah seseorang menjadi advanced dalam medan 
tempur yang dihadapi. Hadapi masalah, kemudian cari solusi, lalu selesaikan.</p>

Tag Bold

Tag bold (<b>), Berfungsi untuk membuat teks menjadi tebal. Berikut Cara penggunaannya :

<html>
  <head>
    <title> Agus Blog </title>
  </head>
  <body>
    <b>Agus</b> Blog.
  </body>
</html>

Tag Italiic

Berfungsi untuk membuat teks miring. Berikut cara penggunaannya :
<html>
  <head>
    <title> Agus Blog </title>
  </head>
  <body>
    <i>Agus</i> Blog.
  </body>
</html>

Tag Underline

Underline atau membuat teks bergaris bawah. Berikut cara penggunaannya :

<html>
  <head>
    <title> Agus Blog </title>
  </head>
  <body>
    <u>Agus</u> Blog.
  </body>
</html>

Tag Heading

Heading biasanya digunakan dalam headline konten web maupun judul dari artikel.Terdapat beberapa ukuran heading dan size paling besar biasanya menggunakan <h1>.

<html>
  <head>
    <title> Agus Blog </title>
  </head>
  <body>
    <h1>Heading 1</h1>
 <h2>Heading 2</h1>
 <h3>Heading 3</h1>
 <h4>Heading 4</h1>
 <h5>Heading 5</h1>
 <h6>Heading 6</h1>
  </body>
</html>

Hasil : 

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Tag Komentar

Penggunaan komentar terkadang perlu untuk menggambarkan alur-alur mengenai kode yang berkaitan. Hal ini akan memudahkan jika nanti akan dilakukan perubahan mengenai kode-kode yang ada.
Komentar ini tidak akan ditampilkan dalam browser, tapi kedudukan dalam kode html tetap ada. Contoh penggunaan komentar :

<!-- Ini adalah komentar -->


Komentar