Beranda  ›  Program Komputer

Pengertian, Fungsi dan Struktur Dasar HTML

Pengertian, Fungsi dan Struktur Dasar HTML -- Hyper Text Markup Language atau yang biasa kita sebut HTML adalah sebuah bahasa yang biasa digunakan untuk membuat sebuah web atau untuk menampilkan suatu informasi - informasi yang ada di dalam internet.

Fungsi HTML :
  • Untuk membuat sebuah web.
  • Untuk menampilkan suatu informasi dimana bisa di isi gambar,suara,teks ataupun video di internet
  • Membuat sebuah form di internet.
  • Membuat sebuah games sederhana walaupun bukan utama dan dibutuhkan alat tambahan lain.
  • Membuat sebuah link ( Hypertext )

Struktur Dasar HTML :

Di dalam HTML terdapat 2 hal utama yaitu Tag dan Elemen. Tag dan Elemen ini saling berhubungan dimana Tag adalah suatu tanda "<" dan ">" yang ada pada setiap elemen untuk menentukan suatu pembuka dan penutup ( tag penutup ini pasti selalu memiliki tanda slash "/" sebagai tanda penutup. Sedangkan Elemen adalah suatu isi yang ada pada tag untuk memberikan sebuah fungsi - fungsi tertentu, walaupun begitu tidak semua elemen memiliki isi. Contohnya yaitu <br/> yang berfungsi untuk membuat baris baru. Untuk Tag dan Elemen kita akan bahasa di post selanjutnya.

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<title>Diisi Dengan Judul</Title>
</head>

<body>
Isi Dari Judul Tersebut
</body>

</html>
  1. <!DOCTYPE html> ini mengidentifikasikan bahwa html ini merupakan dokumen HTML5, HTML5 adalah sebuah generasi terbaru pada bahasa HTML.
  2. <html> ini biasa disebut sebagai elemen root karena mengandung semua elemen lain.
  3. <head> ini berisi informasi dasar pada web tersebut seperti title dan meta tag.
  4. <meta charset="utf-8"> meta tag berfungsi untuk memberikan intruksi sekaligus penerjemah karakter pada html. Walaupun begitu sebenarnya penggunaan meta tag ini tidak wajib dan bersifat optional.
  5. <title> berfungsi untuk memberikan judul dari dokumen atau halaman tersebut.
  6. <body> adalah isi dari dokumen tersebut.

Contoh Membuat Web HTML :

Untuk membuat suatu web html yang kita perlukan hanyalah notepad, disini saya menggunakan Notepad++ karena lebh nyaman menurut saya. Silakan copy kode diatas ke notepad dan rubah judul serta isinya lalu simpan dengan format html dengan menambahkan .html pada akhir judul seperti contoh dibawah :


Lalu buka file yang telah kalian simpan dengan browser bisa chrome atau firefox maka hasilnya akan seperti ini :


Itulah Pengertian, Fungsi dan Struktur Dasar HTML. Semoga bermanfaat untuk semua.