Home
HTML

Struktur Dasar HTML Dan Pemahamannya Untuk Pemula

Semua halaman web di internet dibuat dengan menggunakan bahasa yang disebut Hypertext Markup Language (HTML). HTML merupakan: sebuah bahasa yang digunakan dalam membuat sebuah halaman web.

HTML dapat ditulis dalam perangkat lunak khusus, atau dalam editor teks sederhana seperti Notepad. Selama dokumen disimpan dengan ekstensi file '.html' itu dapat dibuka dan dilihat sebagai halaman web dari browser. 

Contoh kode html yang digunakan untuk membuat sebuah halaman diweb adalah

  1. <html>
  2. <head>
  3. <title>
  4. <body>
  5. dll
Kode-kode tersebut akan selalu ditutup/diakhiri oleh kode yang sama namun ditambah oleh tanda slash (/) seperti dibawah ini.
  1. <html> ditutup/diakhiri oleh </html>
  2. <title> ditutup/diakhiri oleh </title>
  3. <head> ditutup/diakhiri oleh </head>
  4. <body> ditutup/diakhiri oleh </body>
  5. dll.
Setiap HTML akan diawali oleh <!DOCTYPE html>. <!DOCTYPE html> merupakan singkatan dari Document Type Declaration HTML. DTD berfungsi untuk memberitahu web browser bahwa yang akan di proses adalah sebuah dokumen html.

Penjelasan

  1. Tag <html> ini menjadi awal pembuka setelah DTD, berfungsi untuk memberikan informasi kepada browser bahwa dokumen yang akan di proses adalah dokumen html, tag html ini umumnya memiliki tag pembuka dan penutup dimana seluruh elemen akan di tulis di dalamnya.
  2. Tag <head> ke </head> berfungsi sebagai pemberi informasi tambahan untuk diolah browser tanpa di tampilkan ke utama web browser, informasi tersebut bisa berupa judul halaman yang akan ditampilkan pada tab web browser, berupa meta informasi, dan dapat digunakan sebagai import kode pendukung seperti css dan javascript.
  3. Tag <title> ke </title> berfungsi untuk memberikan/menampilkan judul dari halaman yang dibuat.
  4. Tag <body> ke </body> berfungsi untuk menampilkan semua informasi yang akan ditampilkan ke dalam website.
Sehingga jika digabungkan/disatukan kode tersebut akan membentuk seperti dibawah ini.

<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML</title>
</head>
<body>
<p>Belajar HTML</p>
</body>
</html>
Tag <p> yang saya gunakan diatas itu berfungsi untuk membuat sebuah Paragraph dan masih terdapat banyak sekali tag didalam html. Berikut ini beberapa tag yang simple dan gampang dihafal hehe..

Nama TagFungsi
<b> Tag untuk membuat huruf tebal.
<i>Tag untuk membuat huruf miring.
<blockquote> Tag untuk membuat sebuah bagian yang ingin dikutip.
<center>Tag untuk membuat text rata tengah.
<pre> Tag untuk membuat teks terformat.
<code> Tag yang digunakan untuk menyisipkan sebuah kode didalam text.
<form> Tag yang digunakan untuk membuat sebuah formulir didalam html.
<input> Tag yang digunakan untuk membuat sebuah kolom untuk memasukkan text singkat.
<textarea> Tag yang digunakan untuk membuat sebuah kolom untuk memasukkan text yang panjang.
<button> Tag yang digunakan untuk membuat tombol yang dapat diklik
Dan lain sebagainya ...

Sekian dari artikel saya mengenai Struktur Dasar HTML dan Pemahamannya.

Post a Comment