People Innovation Excellence
 

Pengertian dan Fungsi Tag Hypertext Markup Language

Hypertext Markup Language adalah merupakan sebuah markup language  yang biasa digunakan untuk membuat halaman web, biasanya output adalah berbagai informasi yang terdapat di dalam sebuah web di internet, dan biasanya  format yang digunakan hypertext sederhana ditulis dalam berkas format ASCII agar dapat menampilkan output yang terintegrasi.

Penggunaan HTML mirip dengan menulis dokumen secara biasa, yang membedakan adalah di dalam penulisan HTML ditandai oleh <tag> tertentu yang mempunyai fungsi berbeda satu dengan yang lain. Berikut adalah beberapa contoh <tag> dan fungsi yang biasa digunakan di dalam HTML :

Nama <Tag> Fungsi <Tag>
<!DOCTYPE> Berfungsi untuk menentukan tipe dokumen
<html> Berfungsi untuk membuat / memulai pembuatan sebuah dokumen HTML
<title> Berfungsi untuk membuat judul sebuah halaman HTML
<head> Berfungsi untuk membuat informasi tentang dokumen
<meta> Berfungsi untuk membuat metadata tentang dokumen HTML
<body> Berfungsi untuk membuat isi dari sebuah halaman HTML
<h1> to <h6> Berfungsi untuk membuat membuat heading
<p> Berfungsi untuk membuat paragraph
<br> Berfungsi untuk membuat break
<hr> Berfungsi untuk memisahkan paragraph yang satu dengan yang lain
<!– .. –> Berfungsi untuk membuat komentar
<form> Berfungsi untuk membuat form di dalam HTML
<input> Berfungsi untuk membuat control input
<section> Berfungsi untuk membuat bagian dalam file
<textarea> Berfungsi untuk membuat area text dalam multibaris
<button> Berfungsi untuk membuat tombol yang dapat ditekan
<select> Berfungsi untuk membuat drop-down menu
<optgroup> Berfungsi untuk membuat kelompok pilihan yang berada di drop-down menu
<option> Berfungsi untuk memasukan pilihan ke dalam drop-down menu
<label> Berfungsi untuk membuah sebuah label sebuah elemen
<img> Berfungsi untuk membuat sebuah gambar
<map> Berfungsi untuk membuat gambar peta
<a> Berfungsi untuk membuat hyperlink
<link> Berfungsi untuk membuat hubungan antara dokumen dengan sumber external
<table> Berfungsi untuk membuat table
<caption> Berfungsi untuk membuat sebuah caption table
<th> Berfungsi untuk membuat header sebuah table
<tr> Berfungsi untuk membuat baris sebuah table
<td> Berfungsi untuk membuat kolom sebuah table
<thead> Berfungsi untuk mengelompokan isi header
<tbody> Berfungsi untuk mengelompokan isi body
<tfoot> Berfungsi untuk mengelompokan isi footer
<col> Berfungsi untuk menentukan property untuk setiap kolom dalam elemen
<colspan> Berfungsi untuk menggabungkan 2 kolom table menjadi 1
<param> Berfungsi untuk membuat parameter object
<rowspan> Berfungsi untuk menggabungkan 2 baris table menjadi 1
<style> Berfungsi untuk membuat style pada sebuah dokumen
<div> Berfungsi untuk mengatur tata letak bagian dalam dokumen
<script> Berfungsi untuk membuat script di sisi client

 

            <tag> diatas adalah merupakan <tag> yang sering digunakan dalam penulisan HTML, dan masih banyak lagi <tag> lain yang dapat digunakan sesuai dengan kebutuhan user. Adapun yang perlu diperhatikan adalah setelah membuka sebuah <tag> jangan lupa ditutup kembali. Sebagai contoh : <table> … </table>, karena jika tidak ditutup bisa terjadi error yang disebabkan oleh <tag> bertabrakan fungsi dengan <tag> yang lain.

 

Source:

  1. https://id.wikipedia.org/wiki/HTML
  2. https://gilacoding.com/read/tag-tag-pada-html-beserta-fungsinya

Published at : Updated
Leave Your Footprint

    Periksa Browser Anda

    Check Your Browser

    Situs ini tidak lagi mendukung penggunaan browser dengan teknologi tertinggal.

    Apabila Anda melihat pesan ini, berarti Anda masih menggunakan browser Internet Explorer seri 8 / 7 / 6 / ...

    Sebagai informasi, browser yang anda gunakan ini tidaklah aman dan tidak dapat menampilkan teknologi CSS terakhir yang dapat membuat sebuah situs tampil lebih baik. Bahkan Microsoft sebagai pembuatnya, telah merekomendasikan agar menggunakan browser yang lebih modern.

    Untuk tampilan yang lebih baik, gunakan salah satu browser berikut. Download dan Install, seluruhnya gratis untuk digunakan.

    We're Moving Forward.

    This Site Is No Longer Supporting Out-of Date Browser.

    If you are viewing this message, it means that you are currently using Internet Explorer 8 / 7 / 6 / below to access this site. FYI, it is unsafe and unable to render the latest CSS improvements. Even Microsoft, its creator, wants you to install more modern browser.

    Best viewed with one of these browser instead. It is totally free.

    1. Google Chrome
    2. Mozilla Firefox
    3. Opera
    4. Internet Explorer 9
    Close