HTML Overview
HTML terdiri dari HiperText Makrum Language, HTML sangat sering digunakan sebagai bahasa pemograman untuk menulis atau membuat sebuah halaman web.
HiperText : Mengacu pada halaman web ( TML Document ) yang dihubungkan satu sama lain. Dengan demikian link yang tersedia akan terhubung sebagai HyperText.
Seperti namananya : HTML adalah bahasa “markup” yang berarti anda menggunakan dukumen HTML hanya untuk menandai dokumen teks dengan tag yang member tahu web browser gabagai mana untuk menampilkan struktur yg anda tulis.
Awalnya, HTML dikembangkan dengan maksud menetujak struktur dokumen seperti judul, paragraph, list dan lain sebagainya untuk memfasilitasi berbagai informasi ilmiah antara para peneliti.
Sekarang, HTML sudah secara luas digunakan untuk pembuatan halaman web dengan bantuan beberapa tag yang tersedia dalam bahasa pemograman tersebut
Basic HTML Document
Dalam bentuk sederhana, berikut adalah contoh document HTML :
!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>
Copy dan pastekan contoh dokumen html diatas menggunakan text editor yg anda sukai lalusimpan dengan nama test.html, Setelah selesai bukan dengan browser seperti Mozilla Firefox, Google Chrome dan lain-lain, maka akan menampilkan ouput dari Contoh dukumen html yang anda simpan.
Seperti yang kami beritahukan sebelumnya, HTML adalah bahasa MarkUp yang memamfaatkan berbagai tag untuk memformat sebuah konten, Rute tag diapit dalam kurung sudut < Tag Name > dan sebagian besar tag yang di buka memiliki penutup tag
misal <HTML>Sebagai tag pembukan dan </HTML> sebagai tag penutup dan <body> sebagai tag pembuka, </body> sebagai teg penutup.
Contoh diata adalah dari penggunaan HTML tag berikut :
| No | Tag | Penjelasan | |
|---|---|---|---|
| 1 | <!DOCTYPE> | ag ini menjelaskan jenis dokumen dan versi html | |
| 2 | <HTML> | Dukumet ini yang menutup lengkap dokumet html dan biasanya terdiri dari dokumen header yang diwakili oleh <head> </head> dan dokumen body yang diwakili oleh <body> </body> tag. | |
| 3 | <Head> | Tag ini merupakan tag hader yang merangkul tag HTML lainnya seperti <title>,< link> dan lain-lain | |
| 4 | <title> | Tag <title> digunakan didalam <head> tag ini digunakan untuk menyebutkan judul dari dokument | |
| 5 | <body> | Dokumen ini merupakan document Body <body> </body> tempat meletakkan beberapa tag HTML lain didalam nya seperti <h1>,< p >,< div> dan lain-lain | |
| 6 | <h1> | Tag ini merupakan tag judul | |
| 7 | <p> | Tag ini merupakan tag paragraf |
Mempelajari HTML, Kamu harus belajar berbagai macam tag dan memahami bagaimana cara meletakkan format tekstual kedalam dukument HTML, Belajar HTML sebenarnya sangat sederhana kamu hanya harus memahami tag yg berbeda di dalam format text code atau gambar untuk membuat sebuah halaman web yang indah.
Struktur Dokumen HTML
Sebuah cirri dokumen HTML memiliki struktur sebagai berikut
Document declaration tag
<html>
<head>
Document header related tags
</head>
<body>
Document body related tags
</body>
</html>
Kita akan mempelajari semua tentang header dan body pada pembahasan berikut nya, dan sekarang mari perhatikan apa itu declaration tag
<!DOCTYPE> Declaration
declaration tag digunakan agar web browser tahu tengan versi berapa HTML anda saat ani atau document type apay yg akan dimuat oleh web browser satini ini berikut adalah contoh declaration tag
<!DOCTYPE>
Dan masih banyak declaration type yang bias kamu gunakan dalam dokumen HTML tergantung versi HTML apa yang kamu gunakan, Kami akan memperlihatkan lebih banyak diskusi tentang declaration tag <!DOCTYPE...> didalam pembahasan artikel lainnya.
Note : Kami membuat tutorial ini secara bertahap dan diharapkan agar pembaca tetap pada jalur dan ter arah klik disini untuk tutorial bagian selanjutnya.
Post a Comment for "HTML Overview"