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 :



Saya adalah seorang blogger dari Indramayu, saya mulai serius blog pada tahun 2014 ketika saya kelas 11 SMA. Pembaca diperbolehkan mengcopy artikel dengan syarat mencamtumkan link halaman sebagai sumber.

Share this

Related Posts

Previous
Next Post »