Pengertian dasar HTML ( Hypertext Markup Language ) dan fungsi - fugsinya

HTML atau Hypertext Markup Language adalah salah satu formah yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan dihalaman web. Sebenarnya, dokumen HTML hanyalah sebuah dokumen teks biasa dan disebut sebagai Markup Language yakni bahasa yang mengandung tanda ( tag ) tertentu yang digunakan untuk mengatur format tampilan suatu dokumen.

HTTP atau Hypertext Transfer Protokol merupakan protokol yang digunakan untuk memtramsfer data atau dokumen yang berformat HTML dari web server ke browser ( Internet Explorer, Netscape Navigator, dll ). Dengan HTTP inilah yang memungkinkan Anda menjelajahi internet dan melihat halaman web.

Untuk membuat dokumen HTML hanya dibutuhkan sebuah aplikasi teks editor biasa. Namun sekarang ini di pasaran terdapat banyak sekali HTML authoring ( software yang digunakan untuk membuat atau mendesain halaman web). Adobe Dreamweave, Adobe GoLive, MS FrontPage sekedar contohnya. Tetapi tampa mengerahui dasar - dasarnya Anda tidak akan memperoleh hasil yang maksimal. Mengapa ? karena walaupun software-software tersebut semakin menawarkan kumudahan dalam membuat halaman web secara manual. Terutama untuk halaman web yang sangat komplek.

POLA DASAR PADA DOKUMEN HTML

Dalam penggunaannya, sebagian besar kode HTML harus terletak di antara tag kontainer. Yaitu diawali dengan <namatag> dan di akhiri dengan </namatag> (terdapat tanda "/").

Berikut elemen-elemen atau tag :

< HTML > </HTML> = Mendefinisikan bahwa teks yang berada diantara kedua tag tersebut adalah file HTML.
< HEAD > </HEAD> = Sebagai informasi page header. di dalam tag ini kita bisa meletakan tag-tag seperti TITLE,BASE,ISINDEX,LINK,SCRIPT,STYLE & META.
<TITLE> </TITLE> = Sebagai title atau judul halaman/from. Kalimat yang terletak di dalam tag ini akan muncul pada bagian paling atas browser Anda atau pada Title Bar
<BODY> </BODY> = Mendefinisikan teks beserta formatnya yang hendak di tampilkan sebagai isi halaman web. Di dalam tag ini bisa diletakkan berbagai page attribute seperti bgcolor, background, text, link, vlink, alink, lifemargin dan tpomargin.

5 Fungsi Dasar HTML dalam Peran Website

Membuat Struktur Halaman Web – HTML digunakan untuk mempermudah penulisan judul , paragraf, bullet, dan sebagiannya sehingga konten dalam halaman webiste enak dibaca. Semakin bagus webmaster menggunakan HTML, semakin bagus pula tampilan yang ada pada browser pengguna internet.
Membuat Link Navigasi – HTML juga biasa digunakan untuk membuat link-link navigasi, baik itu link dalam sebuah situs maupun link menuju situs lainnya.
Menampilkan Database – HTML juga bisa digunakan untuk menampilkan data-data tertentu dari sebuah database sehingga memudahkan webmaster untuk merancang tampilan konten agar sesuai dengan perintah yang dimasukkan pengguna internet.
Menunjang Bahasa Lainnya – HTML adalah dasar penciptaan halaman website. Dalam pengaplikasiannya, HTML bisa menunjang bahasa lainnya seperti javascript untuk memanipulasi halaman seperti yang diinginkan oleh webmaster.
Mendesain Tampilan Website – Sebenarnya dengan menggunakan kode-kode HTML saja webmaster sudah bisa menciptakan desain website yang bagus. Namun tampilan akan menjadi lebih baik lagi ketika HTML digunakan bersama CSS dan javascript.

Contoh MembuaT File HTML Sederhana

Langkah - langkahnya sebagai berikut :

Buat Folder Latihan pada My Dokumen (terserah mau dimana) dan selanjut nya file HTML yang kita buat akan di simpan pada folder yang tadi kita buat di My Dokumen.
Buka Browser, misalnya Mozilla Firefox, Google Chrome,Edge. Terserah kalian
Buka program aplikasi teks editor misalnya notepad atau Sublime Text.
Ketik script ini di notepad atau sublime text mu.

 <!doctype html>
<html>
<head>
    <title>Hello World</title>
</head>
<body>

Yuuki Asuna Istirku Paling Cantik uhh uhh 💓
     
</body>
</html>

Setelah sudah memasukan kode HTML, simpan file nya dengan cara klik menu File -> Save As atau CTRL+S
Pilih lokasi penyimpanan mu dimana saja di, lebih mudah di dekstop saja
save dengan nama latihan.html atau terserah kalian.
Klik tombol Open pada file project mu dan akan tampil dibawah seperti ini