Pengenalan Dasar HTML
Apa itu HTML?
Pengertian HTML
HTML atau Hyper Texr Languge merupakan sebuah markah untuk membuat halaman Web.
Jadi,HTML itu adalah sebuah bahasa yang menggunakan markup atau penanda untuk membuat halaman web.
Berikut adalah daftar Tag HTML beserta fungsinya
- <!DOCTAYPE> Tag untuk menentukan tipe dokumen.
- <html> Tag untuk membuat sebuah dokumen HTML
- <title> Tag untuk membuat judul dari sebuah halaman
- <body> Tag untuk membuat tubuh dari sebuah halaman
- <h1>to<h6> Tag untuk heading
- <p> Tag untuk membuat paragraf
- <strong> Tag untuk membuat teks penting
- <form> Tag untuk memebuat sebuah form HTML untuk input pengguna
Tag HTML memiliki dua tipe utama: block-level dan inline tags.
Elemen block-level memakai semua ruang yang tersedia dan selalu membuat line baru di dalam dokumen. Contoh dari tag block adalah heading dan paragraf.
Elemen inline hanya memakai space sesuai dengan kebutuhannya dan tidak membuat line baru di halaman. Biasanya elemen ini akan memformat isi konten dari elemen block-level. Contoh dari tag inline adalah link dan emphasized strings.
Tag Block-Level
Tiga tag block-level yang harus dimiliki oleh setiap dokumen HTML adalah <html>, <head>, dan <body>.
1.Tag <html></html> adalah elemen level tertinggi yang menyertakan setiap halaman
2.Tag <head></head> menyimpan informasi meta, seperti judul dan charset halaman.
3.Tag <body></body> melampirkan semua konten yang muncul pada suatu halaman.
<html>
<head>
<!-- META INFORMATION -->
</head>
<body>
<!-- PAGE CONTENT -->
</body>
</html>
- Heading memiliki 6 level. Level tersebut bervariasi, mulai dari <h1></h1> sampai <h6></h6>, di mana h1 merupakan level heading tertinggi dan h6 adalah level terendah. Paragraf dibuka dan ditutup dengan tag <p></p>, sedangkan blockquote menggunakan tag <blockquote></blockquote>.
- Division merupakan bagian konten yang lebih besar dan biasanya terdiri atas beberapa paragraf, gambar, kadang-kadang blockquote, dan elemen lebih kecil lainnya. Kita bisa membuat mark up dengan menggunakan tag <div></div>. Di dalam elemen div juga terdapat tag div lainnya.
Anda juga bisa menggunakan tag <ol></ol> untuk list yang berurutan dan <ul></ul> untuk list yang tidak berurutan. Masing-masing list item harus dibuka dan ditutup dengan tag <li></li>. Sebagai contoh, di bawah ini adalah tampilan dasar daftar tidak berurutan dalam HTML:
<ul>
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ul>
Tag Inline
Sebagian besar tag inline digunakan untuk memformat teks. Sebagai contoh, tag <strong></strong> akan render elemen ke format bold, sedangkan tag <em></em> akan ditampilkan dalam format italic.
Hyperlink adalah elemen inline yang mewajibkan adanya tag <a></a> dan attribute href untuk mengindikasi tujuan link.
Fungsi HTML
fungsi HTML adalah untuk mengelola serangkaian data dan informasi sehingga suatu dokumen dapat diakses dan ditampilkan di internet melalui layanan web.
Kelebihan dan Kekurangan HTML
Sama seperti hal lainnya dalam dunia web,bahasa markup ini juga mempunyai kelebihan dan kekurangannya.
Berikut kelebihan HTML:
- Digunakan secara luas dan memiliki banyak sumber serta komunitas yang besar.
- Dijalankan secara alami di setiap web browser.
- Mudah dipelajari.
- Open-source dan sepenuhnya gratis.
- Rapih dan konsisten.
- Menjadi standar resmi web, dikelola oleh (W3C).
- Tidak bisa menjalankan logic.
- Fitur baru tidak bisa digunakan dengan cepat di sebagaian browser.
- Prilaku browser kadang sulit diprediksi.
Bagaimana cara kerja HTML?
Ektensi file HTML adalah,html atau .htm,yang bisa dilihat dengan menggunakan web browser apapun (seperti Google Chrome,Safari, atau Mozila Firefox). Browser tersebut memebaca file HTML dan merender kontennya sehingga user internet bisa melihat dan memebacanya.
Contoh dokumen HTML sederhana
Tidak ada komentar:
Posting Komentar