Kamis, 20 November 2014
Ikhtisar HTML
HTML singkatan dari Hypertext Markup Language, merupakan bahasa paling banyak digunakan untuk membangun Halaman Web.
Hypertext mengacu pada cara di mana halaman Web HTML documents dihubungkan bersama. Jadi link yang tersedia pada halaman web disebut Hypertext.
Seperti namanya, HTML adalah bahasa Markup yang berarti Anda menggunakan HTML untuk hanya "mark up" dokumen teks dengan tag yang memberitahu browser Web bagaimana struktur untuk menampilkan.
Awalnya, HTML dikembangkan dengan maksud untuk mendefinisikan struktur dokumen seperti judul, paragraf, daftar, dan sebagainya untuk memudahkan berbagi informasi ilmiah antara peneliti.
Sekarang, HTML sedang banyak digunakan untuk memformat halaman web dengan bantuan tag yang berbeda dalam bahasa HTML.
Dokumen HTML dasar
Dalam bentuk yang paling sederhana, berikut adalah contoh dari sebuah dokumen HTML:
<! DOCTYPE html>
<html>
<head>
<title> Ini adalah judul dokumen </ title>
</ head>
<body>
<h1> Ini adalah heading </ h1>
<p> isi Dokumen goes here ..... </ p>
</ body>
</ html>
Entah Anda dapat menggunakan Cobalah pilihan yang tersedia di pojok kanan atas kotak kode untuk memeriksa hasilnya kode HTML ini, atau mari kita menyimpannya dalam sebuah file HTML test.htm menggunakan editor teks favorit Anda. Akhirnya buka menggunakan web browser seperti Internet Explorer atau Google Chrome, atau Firefox dll harus menunjukkan output sebagai berikut:
HTML Hello World
HTML Tag
Seperti diceritakan sebelumnya, HTML adalah bahasa markup dan memanfaatkan berbagai tag untuk memformat konten. Tag ini tertutup dalam kurung sudut <Name Tag>. Kecuali beberapa tag, sebagian besar tag memiliki tag penutup yang sesuai mereka. Misalnya <html> memiliki tag penutupan </ html> dan <body> tag memiliki tag penutup yang </ body> tag dll
Di atas contoh dokumen HTML menggunakan tag folloiwng:
tag Deskripsi
<! DOCTYPE ...> Tag ini mendefinisikan jenis dokumen dan versi HTML.
<html> Tag ini membungkus dokumen HTML lengkap dan terutama terdiri dari dokumen sundulan yang diwakili oleh <head> ... </ head> dan dokumen tubuh yang diwakili oleh <body> ... </ body> tag.
<head> tag ini merupakan header dokumen yang dapat menjaga tag HTML lainnya seperti <title>, <link> dll
<title> <title> tag digunakan dalam tag <head> untuk menyebutkan judul dokumen.
<body> Tag ini mewakili tubuh dokumen yang menjaga tag HTML lainnya seperti <h1>, <div>, <p> dll
<h1> Tag ini merupakan judul.
<p> Tag ini mewakili sebuah paragraf.
Untuk mempelajari HTML, Anda akan perlu mempelajari berbagai tag dan memahami bagaimana mereka berperilaku saat memformat dokumen tekstual. Belajar HTML sederhana sebagai pengguna harus belajar penggunaan tag yang berbeda untuk memformat teks atau gambar untuk membuat halaman web yang indah.
World Wide Web Consortium W3C merekomendasikan menggunakan tag huruf kecil mulai dari HTML 4.
HTML Struktur Dokumen
Sebuah dokumen HTML biasa memiliki struktur berikut:
Dokumen tag deklarasi
<html>
<head>
Tags dokumen sundulan terkait
</ head>
<body>
Tags dokumen lembaga terkait
</ body>
</ html>
Kami akan mempelajari semua header dan tubuh tag dalam bab-bab berikutnya, untuk saat ini mari kita lihat apa yang tag dokumen deklarasi.
The <! DOCTYPE> Deklarasi
The <! DOCTYPE> tag deklarasi digunakan oleh web browser untuk memahami versi HTML yang digunakan dalam dokumen. Versi saat ini dari HTML adalah 5 dan itu menggunakan deklarasi berikut:
<! DOCTYPE html>
Ada banyak jenis deklarasi lain yang dapat digunakan dalam dokumen HTML tergantung pada apa versi HTML yang digunakan. Kita akan melihat detail lebih lanjut tentang sementara ini membahas <! DOCTYPE ...> tag bersama dengan tag HTML lainnya.
Langganan:
Posting Komentar (Atom)
Tidak ada komentar:
Posting Komentar