180
Views





Gambaran HTML. HTML adalah singkatan dari HyperText Markup Language, dan merupakan bahasa yang paling banyak digunakan untuk membuat Halaman Website.Hypertext mengacu pada cara di mana halaman web (dokumen HTML) dihubungkan bersama, dengan demikian, tautan yang tersedia di halaman website disebut Hypertext.
Seperti namanya, HTML adalah bahasa Markup yang berarti Anda menggunakan HTML untuk sekedar “menandai” dokumen teks dengan Tag yang memberi tahu Browser Web cara menyusun halaman untuk di tampilkan.

Awalnya, HTML dikembangkan dengan maksud untuk mendefinisikan struktur dokumen seperti Judul, Paragraf, Daftar (list), dan sebagainya untuk memfasilitasi berbagai informasi ilmiah antara peneliti.

Sekarang, HTML banyak digunakan untuk memformat halaman website dengan bantuan Tag yang tersedia dalam bahasa HTML.
Gambaran HTML
Dokumen Dasar HTML

Berikut ini contoh dokumen HTML yang paling sederhana:
<!DOCTYPE html>
<html>
<head>
<title>This is document title</title>
</head>
<body>
<h1>This is a heading</h1>
<p>Document content goes here.....</p>
</body>
</html>

output:
This is a heading

Document content goes here…..





Tag HTML

Seperti yang dikatakan sebelumnya, HTML adalah bahasa Markup dan menggunakan berbagai Tag untuk memformat konten. Tag ini diapit oleh sudut <Tag Name>. Kecuali beberapa Tag, sebagian besar Tag memiliki Tag penutup yang sesuai. Misalnya, <html> memiliki tag penutup </html> dan tag <body> memiliki tag penutup </body> dll.

Contoh dokumen HTML di atas menggunakan tag berikut:

NoTag & Description
1. <!DOCTYPE…>



Tag ini digunakan untuk mendefinisikan tipe dokumen dan versi HTML.
2. <html>



Tag ini membungkus seluruh dokumen HTML, biasanya di dalamnya terdapat tag <head>…</head> dan badan dokumen yang diwakili oleh tag <body>…</body>.
3. <head>



Tag ini mewakili Header dokumen yang dapat menyimpan tag HTML lain seperti <title>…</title> , <link>, dll…
4. <title>



Tag <title> digunakan di dalam tag <head> untuk memberikan Judul pada halaman web.
5. <body>



Tag ini mewakili badan dokumen yang menyimpan tag HTML lain seperti <p>, <div>, <h1> dll. Halaman website yang tampil di browser masuk di dalam tag <body> ini.
6. <h1>



Tag heading, biasanya untuk membuat judul konten/artikel
7. <p>



Membuat paragraf


Untuk mempelajari HTML, Anda perlu mempelajari berbagai Tag dan memahami bagaimana perilaku dari Tag tersebut, saat memformat dokumen HTML. Mempelajari HTML itu sederhana karena pengguna harus mempelajari penggunaan Tag yang berbeda untuk memformat teks atau gambar untuk membuat halaman web yang indah.

World Wide Web Consortium (W3C) merekomendasikan untuk menggunakan Tag huruf kecil mulai dari HTML 4.
Struktur Dokumen HTML

Dokumen HTML biasanya akan memiliki struktur sebagai berikut:
<html>

<head>
Document header related tags
</head>

<body>
Document body related tags
</body>

</html>

Kita akan mempelajari semua Tag Header dan Body di bab selanjutnya, tapi untuk sekarang mari kita lihat apa itu Tag deklarasi dokumen.
Deklarasi <!DOCTYPE>

Tag Deklarasi <!DOCTYPE> digunakan oleh browser web untuk memahami versi HTML yang digunakan dalam dokumen, Versi HTML saat ini adalah versi 5 dan menggunakan deklarasi berikut:


<!DOCTYPE html>



Ada banyak jenis deklarasi lain yang dapat digunakan dalam dokumen HTML tergantung pada versi HTML yang digunakan. Nanti akan di bahas lagi tentang tag <!DOCTYPE> lebih lanjut.