Ad Code

Responsive Advertisement

Pengantar HTML

Ritahen July 26, 2021

 

 

Pengertian Dan Fungsi HTML (HyperText Markup Language)

 

Tentang HTML

HTML adalah singkatan dari HyperText Markup Language yaitu 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).

Suatu bahasa yang menggunakan tanda-tanda tertentu (tag) untuk menyatakan kode-kode yang harus ditafsirkan oleh browser agar halaman tersebut dapat ditampilkan secara benar.

Fungsi HTML (HyperText Markup Language) 

Secara umum, fungsi HTML adalah untuk mengelola serangkaian data dan informasi sehingga suatu dokumen dapat diakses dan ditampilkan di Internet melalui layanan web.

Fungsi HTML yang lebih spesifik yaitu :

  1. Membuat halaman web.
  2. Menampilkan berbagai informasi di dalam sebuah browser Internet.
  3. Membuat link menuju halaman web lain dengan kode tertentu (hypertext).

Struktur HTML Dasar Halaman Web

Secara sederhana, struktur dokumen HTML dari sebuah halaman web kurang lebih seperti dibawah ini:

<!DOCTYPE html>
<html>
  <head>
    <title>Judul Halaman</title>
  </head>

   <body>
    <!-- Elemen HTML yang ada disini akan ditampilkan pada browser -->
  </body>
</html>

Keterangan:

<!DOCTYPE html>
 Mendefinisikan tipe dokumen ke HTML. Penulisan <!DOCTYPE html> selalu diletakkan diposisi paling atas. Singkatnya, ini berfungsi untuk memberitahukan browser bahwa tipe dokumen / halaman yang bersangkutan adalah HTML. Ini bertujuan agar web browser dapat menterjemahkan / menampilkan halaman web secara benar. Ada beberapa tipe dokumen web, agar browser dapat menterjemahkan dokumen dengan benar, browser harus tahu tipe dan versi dari dokumen yang bersangkutan. Untuk <!DOCTYPE html> ini sendiri merupakan deklarasi untuk HTML5 yang merupakan versi terakhir saat ini.

Sebagai tambahan, urutan update HTML dari versi awal hingga terakhir (saat ini) adalah:
  1. HTML
  2. HTML 2.0
  3. HTML 3.2
  4. HTML 4.01
  5. XHTML
  6. HTML5

Setiap versi HTML didefinisikan dengan DOCTYPE yang berbeda-beda. Lebih lengkap tentang ini tidak akan saya ulas lebih jauh, kita fokus pada HTML5 saja yang merupakan versi terakhir saat ini. Atau, anda bisa melihat daftar deklarasi DOCTYPE untuk masing-masing versi HTML pada situs w3schools di sini.		 
<html> dan </html>
 Tag paling dasar (root) yang digunakan untuk membuat sebuah dokumen / halaman HTML. 
<head> dan </head>
 Ini adalah elemen HTML yang bertugas untuk memberikan informasi terkait hal-hal seputar halaman bersangkutan. Bagian yang ada diantara tag <head> dan </head> ini tidak akan ditampilkan pada layar browser. Ini umumnya berisi seputar informasi judul halaman, deskripsi, author, meta robot, dan lain sebagainya. Bagian ini juga merupakan salah satu lokasi utama dalam penempatan CSS dan Javascript (akan saya bahas pada materi selanjutnya). 
<title> dan </title>
 Ini adalah tag yang digunakan untuk mendefinisikan judul dokumen html. Pada suatu halaman html, hanya ada satu tag <title/>, dan ini umumnya ditempatkan didalam tag <head/>. Isi / text yang terdapat diantara tag title ini akan ditampilkan pada tab browser. 
<body> dan </body>
 Merupakan tubuh utama dari halaman web. Element-element yang terdapat diantara tag inilah yang akan ditampilkan pada layar browser.

Contoh Penulisan :

HTML HASIL NAMPAK LEWAT BROWSER
<!DOCTYPE html>
<html>
  <head>
    <title>Judul Halaman</title>
  </head>

   <body>
    INI ADALAH HALAMAN WEBSITE HTML.
  </body>
</html>		 INI ADALAH HALAMAN WEBSITE HTML.
   

 Halaman 1 

 

 


 

 

Ritahen

Posted by Ritahen

Post a Comment

0 Comments