No Result
View All Result
No Result
View All Result
No Result
View All Result

Apa itu HTML (Hypertext Markup Language)?

by Ruslim Delun
15/04/2024
in Teknologi Informasi
0
0
SHARES
0
VIEWS
Share on FacebookShare on Twitter

Bola putih dengan bahasa pemrograman terkait web tercetak di atasnya.

Pertama kali dikembangkan oleh Tim Berners-Lee pada tahun 1990, HTML adalah kependekan dari Hyper Text Markup Language. HTML membuat dokumen elektronik (disebut halaman web) yang ditampilkan di World Wide Web. Setiap halaman berisi beberapa koneksi ke halaman lain yang disebut hyperlink. Setiap halaman web yang Anda lihat ditulis menggunakan satu versi HTML.

Kode HTML memastikan pemformatan teks dan gambar yang tepat untuk browser Internet Anda. Tanpa HTML, browser tidak akan tahu cara menampilkan teks sebagai elemen atau memuat gambar atau elemen lainnya. HTML juga menyediakan struktur dasar halaman, di mana CSS (cascading style sheet) dilapis untuk mengubah tampilannya. Seseorang dapat menganggap HTML sebagai tulang (struktur) halaman web, dan CSS sebagai kulitnya (penampilan).

Catatan

HTML ditampilkan sebagai istilah teratas tahun 1991.

Seperti apa tampilan tag HTML?

tanda HTML

Seperti terlihat pada contoh tag HTML di atas, komponennya tidak banyak. Kebanyakan tag HTML mempunyai tag pembuka yang memuat nama tag, atribut tag, tag penutup yang berisi garis miring, dan nama tag penutup. Untuk tag yang tidak memiliki tag penutup seperti , praktik terbaiknya adalah mengakhiri tag dengan garis miring.

Sebagian besar tag terdapat dalam tanda kurung siku kurang dari dan lebih besar dari sudut, dan segala sesuatu di antara tag pembuka dan penutup ditampilkan atau dipengaruhi oleh tag tersebut. Pada contoh di atas, tag membuat link bernama “Computer Hope” yang menunjuk ke file hope.html.

Tip

Lihat halaman bantuan HTML dan Desain Web kami untuk daftar lengkap tag HTML.

Seperti apa bentuk HTMLnya?

Di bawah ini adalah contoh halaman web dasar yang ditulis dalam HTML dengan penjelasan setiap bagian dan fungsinya.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "https://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title>Example page</title>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
 </head>
 <body>
  <h1>This is a heading</h1>
  <p>This is an <b>example</b> of a basic HTML page.</p>
 </body>
</html>

Kotak di atas berisi bahan-bahan utama untuk halaman web dasar. Masing-masing baris dijelaskan di bawah ini secara lebih rinci.

  1. Baris DOCTYPE menjelaskan versi HTML apa halaman itu ditulis sehingga browser Internet dapat menafsirkan teks berikutnya.
  2. Tag pembuka memberi tahu browser bahwa ia sedang membaca kode HTML.
  3. Bagian berisi informasi tentang halaman, seperti judul, tag meta, dan lokasi file CSS.
  4. Bagian berisi semua yang dapat dilihat di browser. Misalnya, semua teks yang terlihat di sini terkandung dalam tag body.
  5. Tag

    adalah judul halaman yang terlihat.

  6. Tag

    adalah paragraf teks. Kebanyakan halaman web (seperti ini) memiliki beberapa tag paragraf.

  7. Di dalam paragraf terdapat tag yang menebalkan kata contoh pada paragraf tersebut.
  8. Terakhir, tag penutup membungkus masing-masing tag di atas.

Apa itu HTML5?

HTML5 adalah pembaruan yang dilakukan pada HTML dari HTML4 (XHTML mengikuti skema penomoran versi yang berbeda). Ini menggunakan aturan dasar yang sama seperti HTML4, tetapi menambahkan beberapa tag dan atribut baru yang memungkinkan semantik yang lebih baik dan elemen dinamis yang diaktifkan menggunakan JavaScript. Elemen baru meliputi:

,