Ads by Yasya El Hakim
Pendahuluan Tentang HTML

Apa itu HTML?

  • HTML Merupakan bahasa Markup untuk membuat halaman Web.
  • HTML merupakan singkatan dari Hyper Text Markup Language
  • HTML berfungsi untuk menjelaskan struktur dari halaman Web
  • HTML terdiri dari bebera elemen.
  • HTML elemen berfungsi untuk memberitahukan Browser tentang bagaimana konten dapat terlihat.
  • HTML elemen ditulis dengan menggunakan HTML Tag.
  • HTML tag terdiri dari Heading, Paragraph, Table, dll.
  • Browser tidak akan menampilkan Tag HTML, tetapi hanya menampilkan konten halaman.

Contoh dan Struktur Dokumen HTML

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

<h1>Heading</h1>
<p>Paragraf</p>

</body>
</html> 

Penjelasan Dokumen HTML

  • <!DOCTYPE html> berfungsi untuk menjelaskan bahwasanya dokumen tersebut adalah HTML5.
  • Elemen <html> merupakan elemen utama untuk setiap dokumen HTML.
  • Elemen <head> dapat terdiri dari informasi Meta tentang dokumen.
  • Elemen <title> merupakan Tag untuk menampilkan judul halaman.
  • Elemen <body> merupakan lokasi dimana konten dapat terlihat.
  • Elemen <h1> merupakan Heading.
  • Elemen <p> merupakan Paragraf.

Tag pada HTML

Nama Tag pada HTML diawali dan diakhiri dengan Angle Bracket:
<namatag>Konten</namatag>

  • Pada umumnya, Tag pada HTML itu berpasangan seperti <h1> dan </h1>
  • Tag pertama dinamakan Start Tag, Tag kedua dinamakan End Tag.
  • End Tag dapat ditulis seperti Start Tag, tetapi harus diawali dengan garis miring /.

Tips: Start Tag bisa juga disebut dengan Opening Tag, dan End Tag bisa disebut dengan Closing Tag.

Browser

  • Tujuan dari dibuatnya Browser seperti Chrome, Firefox, Edge, dll. adalah untuk membaca dan menampilkan dokumen HTML.
  • Browser tidak akan menampilkan Tag HTML.
  • Browser hanya menampilkan konten yang berada diantara Tag <body> dan </body>.

Tentang <!DOCTYPE>

  • <!DOCTYPE> berfungsi untuk menunjukkan tipe dari dokumen serta dapat membantu Browser dalam menampilkan halaman Web dengan benar.
  • <!DOCTYPE> Harus ditulis diawal dokumen HTML.
  • <!DOCTYPE> Tidak Case Sensitive, artinya penggunaan huruf besar maupun kecil tidak masalah.
  • <!DOCTYPE> Untuk HTML5 adalah: <!DOCTYPE html>

Versi HTML

Terdapat beberapa versi dari HTML antara lain:
  • HTML - 1991
  • HTML 2.0 - 1995
  • HTML 3.2 - 1997
  • HTML 4.01 - 1999
  • XHTML - 2000
  • HTML5 - 2014

Selanjutnya: Tutorial Lengkap HTML: Text Editor untuk HTML - Bagian 2.
Daftar isi: Tutorial Lengkap HTML.

Sumber: https://www.w3schools.com/

0Komentar

Sebelumnya Selanjutnya