Pengertian, Struktur Dasar Serta Fungsi Dari HTML

Apa Itu HTML ???
HTML secara umum dikenal dengan Hyper Text Markup Language, HTML adalah bahasa pemrograman standar yang digunakan untuk membuat sebuah halaman web, yang kemudian dapat diakses untuk menampilkan berbagai informasi di dalam sebuah penjelajah web Internet (Browser). HTML umumnya akan menjadi sebuah sarana agar seseorang dapat melakukan browsing atau mencari informasi di internet dan menggunakan link yang ada untuk membuat tautan situs dalam komputer menggunakan local host. Setiap kita menjelajah di internet dan membuka website apapun, kita pasti akan bertemu dengan HTML. Hal ini dikarenakan semua website yang ada diinternet, dibuat dengan menggunakan bahasa markup HTML. Dengan kata lain halaman website yang kita lihat dan kita baca disusun dengan menggunakan bahasa ini dan kemudian diterjemahkan oleh komputer agar dapat dipahami oleh penggunanya.

Html merupakan standar pembuatan website secara luas agar laman website dapat ditampilkan pada layar komputer. HTML ini asal mula adalah dari sebuah bahasa yang sebelumnya banyak dipakai oleh dunia penerbitan dan juga dunia cetak yang seering disebut dengan SGML (Standard Generalized Markup Language), HTML merupakan sebuah standar yang dipakai secara luas untuk bisa menampilkan sebuah halaman web.

HTML sekarang ini juga adalah sebuah standar Internet yang didefinisikan dan juga dikendalikan oleh World Wide Web Consortium (W3C). Namun pada dasarnya, dokumen HTML ini hanyalah sebuah dokumen teks yang biasa disebut dengan Markup Language yakni suatu bahasa yang mengandung tanda tertentu dan juga dipakai sebagai pengatur sebuah format tampilan suatu dokumen web HTML.

HyperText adalah metode dimana kita “berpindah” disekeliling web, dengan mengeklik sebuah teks yang bernama hyperlink. Hyperlink adalah sebuah teks khusus di internet, dimana saat teks tersebut diklik, akan membawa kita ke halaman web selanjutnya/halaman web lain yang telah ditentukan.
Markup adalah hal yang dilakukan oleh tag HTML kepada teks yang ada didalamnya. HTML menandai teks yang berada didalamnya sebagai tipe teks tertentu. Misalnya saja jika kita menandai sebuah teks dengan tag html <i>, maka teks tersebut akan berubah menjadi italic(huruf yang miring). Sedangkan jika kita menandainya dengan <b>, maka teks tersebut akan berubah menajadi bold (huruf tebal).
Language yang berarti bahasa. HTML adalah sebuah bahasa, yang memiliki kata kata berupa kode dan syntax seperti bahasa yang lain.

Berikut ini merupakan contoh bahasa HTML yang bisa digunakan untuk membuat sebuah website. Dan dibawah ini merupakan salah satu contoh dasar HTML

 <html>
  <head>
    <title>Belajar HTML</title>
  </head>
  <body>
  <body bgcolor=”red”>
  <h1>Saya Sedang Belajar HTML</h1>
  <center>
  <font size=”13”color=”black” face=”arial”>
  <p>Membuat HTML Itu Mudah Lo</p>
  <b>HTML adalah Hyper Text Leanguage</b>
  <i>Dan Fungsi HTML itu adalah Untuk menginput Text, Gambar, Audio, Video</i>
  <u>Itu semua mudah jika anda serius mempelajarinya </u>
  </font>
  <br>
  <marquee>
  <img src=”gambar.jpg ataumemasukan URL gambar”>//* Satukan File HTML dengan gambar yang anda masukan agar dapat dibaca
  </marquee>
  </center>
  </body>
</html>

Keterangan

<html> : Untuk memulai sebuah HTML
<title> : Untuk memberi judul pada yang nantinya akan muncul di Tab Browser
<head> : Untuk Bagian Header atau Atas
</head> : Untuk Penutup Header dan diawali dengan garis miring “/”
<body> : Untuk Bagian Body atau Isi dalam HTML
</body> : Untuk Penutup/menutup Body dan diawali dengan garis miring “/”
</html> : Untuk Menutup Sebuah HTML dan diawali juga dengan garis miring “/”

Diatas merupakan kode-kode Dasar untuk membuat sebuah HTML. Dalam HTML juga ada Tag-tag tertentu untuk mendukung membuat sebuah website dibawah ini ada beberapa Tag dasar yang harus anda ketahui dalam HTML.

<h1> :  ini adalah Tag Heading, yang berlevel 1, selain <h1> ada juga <h2>, <h3>, <h4>, <h5>, <h6>
<b> : (Bold) Fungsinya untuk membuat Huruf menjadi Tebal.
<i> : (Italic) Fungsinya untuk membuat Huruf menjadi Miring.
<u> : (Underline) Fungsinya untuk membuat dibawah huruf berisi garis.
<p> : Untuk membuat sebuah Paragraf
<br> : untuk Membuat sebuah baris baru atau enter
<hr> :  untuk membuat sebuah garis Horizontal
<center> : untuk membuat tulisan atau gambar berada di tengah-tengah
<img src=”gambar-anda.jpg atau Url gambar anda”> : fungsinya untuk memasukan sebuah gambar
<body bgcolor=”black”> : Fungsinya untuk memberi warna untuk background atau latar belakang dan “black” bisa diganti sesuai keinginan anda, misalnya “red”, “yellow”
<font color=”red”> : Untuk mengatur warna Text dan ditutup dengan </font>
<font size=”12″> : untuk mengatur Ukuran Sebuah Text dan ditutup dengan </font>
<font face=”arial”> : Untuk mengatur jenis Font atau Text yang akan digunakan
<marquee> :  untuk membuat sebuah text ataupun gambar bergerak

Saat ini bahasa HTML masih terus dikembangkan, hal ini dikarenakan pengguna internet semakin hari semakin berkembang pesat. Oleh karena itu bahasa HTML harus ditingkatkan lagi agar bisa menciptakan halaman web yang lebih berkualitas. Untuk itulah dibentuk sebuah organisasi yang bertanggung jawab mengembangkan bahasa HTML. Organisasi ini bernama W3C.

World Wide Web Consortium (W3C) adalah suatu konsorsium yang bekerja untuk mengembangkan standar-standar untuk World Wide Web. Spesifikasi teknologi-teknologi utama yang dipakai sebagai basis utama web, seperti URL (Uniform Resource Locator), HTTP (Hypertext Transfer Protocol) dan HTML (HyperText Markup Language) dikembangkan dan diatur oleh badan ini.

Struktur HTML
Setiap halaman HTML setidaknya memiliki struktur dasar yang terdiri dari : Tag DTD atau DOCTYPE, tag html, tag head, dan tag body. Inilah yang merupakan struktur paling dasar dari HTML, walaupun HTML tidak hanya berisi struktur tersebut. DTD adalah singkatan dari Document Type Declaration. Yang berfungsi untuk memberi tahu kepada web browser bahwa dokumen yang akan diproses adalah HTML.

Pengertian, Struktur Dasar Serta Fungsi Dari HTML

Struktur dasar HTML ini biasanya selalu ada dalam setiap file HTML. Penulisan struktur dasar HTML dasar juga harus berurutan atau mengikuti standar struktur HTML yang ada. Struktur dasar HTML terdiri beberapa tag-tag HTML, setiap tag HTML bisa memiliki tag pembuka dan penutup, tapi ada juga yang tidak memiliki tag penutup.

Perbedaannya antara tag pembuka dan tag penutup yaitu terdapat tanda “/” pada tag penutup (tanpa tanda kutip). Berikut ini adalah struktur dasar dalam penulisan HTML :

<html>
<head>
<title>Judul Dokumen HTML</title>
</head>
<body>
penulisan informasi Web
</body>
</html>

Dari struktur dasar HTML di atas dapat dijelaskan sebagai berikut:

Taq

Tag merupakan teks khusus (markup) berupa dua karakter “<” dan “>”, sebagai contoh <body> adalah tag dengan nama body. Tag ditulis secara berpasangan, yang terdiri atas tag pembuka dan tag penutup(ditambahkan karakter “/” setelah karakter “<“), sebagai contoh<body> ini adalah tag pembuka isi dokumen HTML dan </body> ini adalah tag penutup isi dokumen HTML
Untuk membedakan mana pembukanya dan mana penutupnya, anda bisa membedakannya dengan tanda / atau (garis miring) yang biasa disebut dengan istilah tanda Slash. Jadi jika pada tag HTML tersebut terdapat tanda “/” atau (garis miring) atau Slash tersebut berarti tag HTML tersebut adalah tag HTML Penutup. dan tentunya tag HTML yang ada diatasnya adalah tag HTML Pembuka.

Element

HTML terdiri dari 2 Elemen penyusunnya, yaitu Elemen Head dan Elemen Body.

Elemen Head berfungsi untuk memberikan informasi tentang dokumen HTML yang sedang kita buat, contohnya seperti judul dokumen itu sendiri atau katakanlah sebagai nama dokumen HTML. Elemen Head ini diawali dengan tag dan diakhiri dengan tag penutup

Elemen Body berfungsi untuk menentukan bagaimana suatu dokumen yang akan kita tulis itu ditampilkan didalam browser dari segi paragrafnya, listnya, tabelnya dan bentuk format lainnya. Elemen Body ini diawali dengan tag dan diakhiri dengan tag penutup.

Atribut

Komponen terakhir dalam sebuah HTML disebut atribut dimana elemen yang satu ini berfungsi sebagai keterangan tambahan yang melengkapi kedua elemen lainnya dalam sebuah HTML. Ketika anda menulis atribut pada kata terakhir harus diakhiri dengan tanda kutip agar tidak terjadi error file atau tulisan yang diisikan tidak terbaca.
Attribute mendefinisikan property dari suatu element html, yang terdiri atas nama dan nilai. Penulisannya adalah sebagai berikut:

<TAG nama-attr=”nilai-attr” nama-attr=”nilai-attr”></TAG>

Secara umum nilai attribute harus berada dalam tanda petik satu atau dua. Sebagai contoh, untuk membuat warna teks menjadi kuning dan latarbelakang halaman web menjadi hitam, penulisannya adalah <body bgcolor=”black” text=”yellow”>

Fungsi HTML
Secara umum, fungsi HTML adalah untuk mengelola serangkaian data dan informasi sehingga suatu dokumen dapat diakses dan ditampilkan di Internet melalui layanan web. Selain itu fungsi utama dari HTML itu sendiri adalah sebagai berikut:

Fungsi utama html yang diketahui adalah untuk membuat suatu halaman website yang bisa dibaca dan dipahami oleh pengguna dengan lebih mudah. Seluruh laman website yang ada dalam internet dibuat dengan html dan tidak ada pengecualian.
Menandai teks pada suatu laman, html ditulis pada suatu halaman dokumen dengan tag atau simbol tertentu dimana simbol dan tag tersebut akan menandai teks menjadi tebal, miring, bergaris tebal dan lain sebagainya. Misal jika kita membuat suatu teks menjadi teks miring atau italic, dalam laman html dituliskan kode , untuk teks tebal dan untuk teks bergaris bawah.
Sebagai dasar website, website yang dibuat tentunya memiliki beberapa fitur yang dibuat dengan menggunakan java script (untuk mengatur perilaku web), implemetasi bahasa pemrograman server PHP dan mendesain web menggunakan CSS. Semua bahasa tersebut dapat diaplikasikan jika web memiliki bahasa html sebagai dasarnya.
Menampilkan tabel, gambar, video dan lainnya. Biasanya dalam website atau blog kita tidak bisa langsung meletakkan tabel, gambar maupun video oleh sebab itu komponen tersebut diletakkan pada web dengan menggunakan bahasa html.
Menandai elemen dan membuat online form, html juga berfungsi untuk menandai bagian-bagian dalam website diantaranya header, main, footer, navigation. Selain itu html juga biasanya digunakan sebagai bahasa dalam membuat suatu online form atau formulir digital.