HTML
Apa itu HTML?
- HTML adalah bahasa markup standar untuk membuat halaman Web.
- HTML singkatan dari Hyper Text Markup Language
- HTML menggambarkan struktur halaman Web dengan menggunakan markup
- elemen HTML adalah dasar untuk membangun Web
- elemen HTML diwakili oleh tag
- pada tag HTML terdapat konten seperti "heading", "paragraf", "tabel", dan lain-lain.
- Browser tidak menampilkan tag HTML, hanya menggunakan semua tag tersebut untuk membuat isi halaman.
Sejak ditemukannya web, ada banyak versi HTML:
Versi
|
Tahun
|
HTML
|
1991
|
HTML 2.0
|
1995
|
HTML 3.2
|
1997
|
HTML 4.01
|
1999
|
XHTML
|
2000
|
HTML5
|
2014
|
Struktur Dasar HTML
Dalam membuat halaman HTML harus memiliki struktur dasar HTML. Struktur dasar HTML terdiri dari deklarasi DOCTYPE, html, head, title, dan body.
Berikut adalah Struktur Dasar HTML:
Berikut adalah Struktur Dasar HTML:
<!DOCTYPE html>
<html>
<head>
<title>Title Halaman</title>
</head>
<body>
<h1>Heading saya</h1>
<p>Paragraf saya</p>
</body>
</html>
Keterangan dari kode diatas:
- Deklarasi <!DOCTYPE html> mendefinisikan bahwa dokumen ini adalah HTML5
- elemen <html> pokok dari halaman HTML
- elemen <head> berisi informasi meta tentang dokumen
- elemen <title> menentukan judul dokumen
- elemen <body> berisi konten halaman yang akan ditampilkan di browser
- elemen <h1> mendefinisikan heading atau judul paling besar
- elemen <p> mendefinisikan sebuah paragraf
CATATAN PENTING!!! - Dari awal tutorial ini sampai akhir tutorial nanti, Anda harus menggunakan Struktur Dasar HTML ini untuk mempraktekkan contoh-contoh yang akan Anda temui di tutorial-turorial berlanjut. Karena, pada semua tutorial yang ada, ada beberapa tutorial yang tidak dicantumkan Struktur Dasar HTML. Oleh karena itu, Struktur Dasar HTML ini sangat dibutuhkan.
Deklarasi <! DOCTYPE>
Deklarasi <! DOCTYPE> mewakili jenis dokumen, dan membantu browser untuk menampilkan halaman web dengan benar.
Deklarasi ini hanya ditulis sekali, tepatnya di bagian atas halaman (sebelum tag pembuka HTML). Deklarasi <! DOCTYPE> hurufnya tidak sensitif artinya boleh ditulis dengan huruf kecil maupun huruf besar.
Deklarasi <! DOCTYPE> untuk HTML5 adalah:<!DOCTYPE html>
Deklarasi ini hanya ditulis sekali, tepatnya di bagian atas halaman (sebelum tag pembuka HTML). Deklarasi <! DOCTYPE> hurufnya tidak sensitif artinya boleh ditulis dengan huruf kecil maupun huruf besar.
Deklarasi <! DOCTYPE> untuk HTML5 adalah:<!DOCTYPE html>
Penulisan Tag-tag HTML
Tag HTML adalah nama elemen dikelilingi oleh kurung siku.
Berikut merupakan cara penulisan tag-tag HTML:
Tag HTML adalah nama elemen dikelilingi oleh kurung siku.
Berikut merupakan cara penulisan tag-tag HTML:
- Tag HTML biasanya berpasangan seperti <p> dan </p>
- Tag pertama adalah tag pembuka, tag kedua adalah tag penutup
- Tag penutup ditulis seperti tag pembuka, bedanya ditambahkan garis miring sebelum nama tag.
Web Browser
Tujuan dari web browser adalah untuk membaca dokumen HTML dan kemudian menampilkannya. Browser tidak menampilkan tag HTML, tetapi menggunakan semua tag tersebut untuk menentukan bagaimana menampilkan dokumen seperti pada gambar di bawah ini:
Demikian pembahasan tentang Pengertian HTML, Struktur Dasar HTML, Versi-versi HTML, Web Browser, dan lain-lain.
Bagikan
Belajar HTML Part 1 - Pengertian HTML
4/
5
Oleh
Octavianus Hasan
Thankyou
BalasHapussangat bermanfaat...terimakasih..
BalasHapusSama-sama. Terima kasih atas kunjungannya.
Hapussantat bermanfaat..terimakasih...
BalasHapussangat bermanfaat..terimakasih..
BalasHapusapakah ini dasar agar bisa membuat suatu halaman website tanpa menggunakan bantuan cmss mas ?
BalasHapusIya. ini dasar membangun halaman web dari nol. dengan mempelajari dan memahami dasar pembuatan web, kita nantinya akan mudah memahami koding.
HapusKalau CMS memberikan kemudahan untuk membuat halaman website yang menarik tanpa harus mengerti bagaimana membuat website dari awal, seperti pada tutorial web di blog ini.