HTML – Konsep, sejarah, cara kerja dan tag
Relevant Data:
- Tag: Tag adalah elemen dasar dalam HTML yang digunakan untuk menggambarkan struktur dan konten halaman web. Contoh tag yang umum digunakan adalah <h1> untuk judul, <p> untuk paragraf, <img> untuk gambar, dan <a> untuk tautan.
- Element: Element adalah kombinasi dari tag dan konten yang ada di dalamnya. Misalnya, tag <h1> dengan teks “Selamat Datang” akan membentuk element judul dengan teks “Selamat Datang”.
- Attribute: Attribute adalah properti yang diberikan pada tag untuk memberikan informasi tambahan atau mengatur perilaku elemen. Contoh attribute yang umum adalah src untuk menentukan sumber gambar dalam tag <img> dan href untuk menentukan URL tautan dalam tag <a>.
- Struktur Dasar: Struktur dasar sebuah halaman HTML terdiri dari tag <html> sebagai tag utama, diikuti oleh <head> yang berisi informasi metadata dan <body> yang berisi konten yang akan ditampilkan di halaman web.
Explanation:
HTML (Hypertext Markup Language) adalah bahasa pemrograman yang digunakan untuk membuat dan mengatur struktur halaman web. Dalam HTML, pengguna menggunakan tag-tag untuk menggambarkan elemen-elemen di dalam halaman web. Setiap tag memiliki fungsi dan arti tertentu. Misalnya, tag <h1> digunakan untuk judul, <p> digunakan untuk paragraf, <img> digunakan untuk gambar, dan <a> digunakan untuk tautan.
Selain tag, elemen juga merupakan bagian penting dalam HTML. Sebuah elemen terdiri dari tag dan konten di dalamnya. Misalnya, tag <h1> dengan teks “Selamat Datang” akan membentuk elemen judul dengan teks tersebut. Dalam elemen, tag menggambarkan struktur dan konten yang akan ditampilkan dalam halaman web.
Attribute adalah properti yang diberikan pada tag untuk memberikan informasi tambahan atau mengatur perilaku elemen. Attribute didefinisikan di dalam tag dengan menggunakan format “nama_attribute=nilai_attribute”. Misalnya, attribute src digunakan dalam tag <img> untuk menentukan sumber gambar yang akan ditampilkan, dan attribute href digunakan dalam tag <a> untuk menentukan URL tautan.
Struktur dasar sebuah halaman HTML terdiri dari tag <html> sebagai tag utama, diikuti oleh <head> yang berisi informasi metadata, seperti judul halaman dan pengaturan karakteristik, dan <body> yang berisi konten yang akan ditampilkan di halaman web. Dalam bagian <body>, pengguna dapat menambahkan elemen-elemen HTML yang diinginkan, seperti teks, gambar, tabel, dan tautan.
HTML memungkinkan pengguna untuk membuat halaman web yang interaktif dan terstruktur dengan mudah. Dengan menggunakan tag dan atribut yang tepat, pengguna dapat mengatur tata letak, gaya, dan interaksi antara elemen-elemen di halaman web. HTML merupakan dasar dari banyak situs web yang ada saat ini dan penting untuk dipahami dalam pengembangan web.
Resources:
- Duckett, J. (2011). HTML & CSS: Design and Build Websites. Penerbit Wiley.
- Freeman, E., & Robson, E. (2012). Head First HTML and CSS. Penerbit O’Reilly Media.
- Artikel “Pengenalan HTML” di situs web w3schools.com: https://www.w3schools.com/html/html_intro.asp
- Artikel “HTML” di situs web tutorialspoint.com: https://www.tutorialspoint.com/html/index.htm
- Dokumentasi resmi HTML di situs web mozilla.org: https://developer.mozilla.org/en-US/docs/Web/HTML
Versi pertama kode HTML muncul pada tahun 1991.
Apa itu HTML?
HTML adalah singkatan dari HyperText Markup Language. Ini adalah nama yang diberikan untuk bahasa pemrograman yang digunakan dalam pembuatan halaman Web, dan yang berfungsi sebagai standar referensi untuk pengkodean dan penataannya, melalui kode dengan nama yang sama (html).
W3C atau World Wide Web Consortium, sebuah organisasi yang didedikasikan untuk standarisasi parameter Internet, menggunakan HTML sebagai bahasa web yang paling penting, dan hampir semua browser dan penjelajah telah beradaptasi. Oleh karena itu, hal ini penting untuk pengembangan dan perluasan Jaringan.
Kode ini beroperasi berdasarkan diferensiasi dan lokasi berbagai elemen yang membentuk halaman Web. Dengan demikian, kodenya ringan dan hanya bersifat tekstual, tetapi berisi alamat URL gambar, audio, video, dan konten lain yang akan diambil oleh browser untuk menyusun halaman, serta indikasi representasi grafis dan estetika dari teks yang ditampilkan di dalamnya.
HTML telah melalui berbagai versi dan modifikasi, bergerak menuju model operasi yang lebih efisien dan lebih cepat, yang memaksa berbagai perusahaan perangkat lunak browser untuk menerapkan tambalan berturut-turut pada produk mereka untuk memperbaruinya dengan setiap versi baru.
Lihat juga: HTTP
Definisi
HTML adalah bahasa markup yang digunakan untuk membuat struktur halaman web. Bahasa ini menggunakan tag dan elemen untuk mendefinisikan berbagai bagian dari sebuah halaman web, seperti judul, paragraf, gambar, tautan, dan tabel.
Tujuan
Tujuan utama dari HTML adalah untuk menyediakan kerangka kerja dasar yang dapat diinterpretasikan oleh browser web untuk menampilkan konten kepada pengguna. HTML juga memungkinkan integrasi dengan teknologi web lainnya seperti CSS dan JavaScript untuk menciptakan halaman web yang interaktif dan menarik.
Sejarah html
Versi pertama kode ini muncul pada tahun 1991 dan ditulis oleh Tim Berners-Lee (TBL), hanya berupa desain awal dari 18 elemen, 13 di antaranya masih dipertahankan. Itu dianggap tidak lebih dari varian dari Standard General Markup Language (SGML) yang digunakan dan terdiri dari bahasa tag, tetapi pada tahun 1993 keunggulan dan kekuatannya dalam standardisasi bahasa Internet diakui.
Kemudian pekerjaan dimulai pada Html+, versi yang lebih berkembang, dan pada tahun 1995 versi standar ketiga diperoleh: HTML 3.0, yang pembaruan berturut-turut (3.1 dan 3.2) sangat berhasil di browser populer pertama Netscape dan Mosaik. Pada tahun 1997 muncul HTML 4.0, sudah menjadi rekomendasi W3C, dan terakhir pada tahun 2006 muncul versi terbaru, HTML 5.0.
Struktur Dasar HTML
HTML terdiri dari elemen-elemen yang diapit oleh tag. Setiap elemen HTML memiliki tag pembuka dan tag penutup, meskipun beberapa elemen hanya memiliki satu tag. Berikut adalah contoh struktur dasar dari sebuah dokumen HTML:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Contoh Halaman HTML</title> </head> <body> <header> <h1>Selamat Datang di Situs Saya</h1> </header> <nav> <ul> <li><a href="#home">Beranda</a></li> <li><a href="#about">Tentang</a></li> <li><a href="#contact">Kontak</a></li> </ul> </nav> <main> <section id="home"> <h2>Beranda</h2> <p>Ini adalah halaman beranda.</p> </section> <section id="about"> <h2>Tentang</h2> <p>Ini adalah halaman tentang.</p> </section> <section id="contact"> <h2>Kontak</h2> <p>Ini adalah halaman kontak.</p> </section> </main> <footer> <p>© 2024 Situs Saya</p> </footer> </body> </html>
Penjelasan Struktur Dasar
- <!DOCTYPE html>: Deklarasi doctype yang memberitahu browser bahwa dokumen ini menggunakan HTML5.
- <html>: Elemen root dari dokumen HTML.
- <head>: Bagian dokumen yang berisi meta informasi, seperti karakter set, judul dokumen, dan tautan ke file CSS.
- <body>: Bagian dokumen yang berisi konten sebenarnya yang akan ditampilkan di halaman web, seperti teks, gambar, dan tautan.
Bagaimana cara kerja htmlnya?
Bahasa HTML beroperasi berdasarkan penanda tertulis (yang muncul di antara tanda kutip sudut: <html>), yang darinya tampilan dan tatanan internal halaman web dienkripsi, serta skrip atau rutinitas yang beroperasi di dalamnya. Kode sumber ini bertindak sebagai DNA halaman Web, memberi tahu browser di mana memperoleh sumber daya untuk representasinya dan dalam urutan, urutan, dan mode apa untuk membangunnya. Dan mengikuti kodenya, browser memberi kita pengalaman menjelajah Web.
Untuk ini, html beroperasi berdasarkan sekumpulan komponen, seperti:
- Barang. Batu bata dasar bahasa HTML berfungsi untuk merepresentasikan konten dan atributnya, serta menandai parameter bahasa itu sendiri, seperti titik awal rantai perintah dan titik penutup, atau kebutuhan khusus.
- Atribut. Spesifikasi mengenai nilai, warna, posisi, dll. elemen yang tergabung dalam kode. Mereka umumnya terdiri dari serangkaian instruksi logis atau numerik.
Apa itu tag html?
Tag HTML adalah instruksi yang membentuk kode, yaitu entri yang diapit oleh tanda kutip sudut dan memiliki nilai tertentu dalam kumpulan, yang kemudian akan dibaca oleh program browser dan diterjemahkan ke dalam halaman Web. Tag-tag ini harus dibuka <> dan kemudian ditutup </> ketika tidak diperlukan lagi, dengan urutan dan urutan yang benar agar tidak timbul kesalahan.
Beberapa contoh label adalah:
- <html>. Perintah yang memulai rangkaian instruksi yaitu kode html dan ditutup dengan </html> di akhir dokumen pemrograman.
- <kepala>. Yang mendefinisikan header dokumen html, yang menghubungkan ke judul jendela browser dan berisi sub-elemen seperti <title> (judul), <link> (untuk menghubungkan ke style sheet atau model estetika), <meta> ( untuk merujuk informasi tentang pembuat kode), dll.
- <img>. Yang mengacu pada gambar dan biasanya disertai dengan rute dimana lokasinya.
- <a>. Untuk memperkenalkan hyperlink internal dan eksternal, gunakan atribut href dan alamat URL tempat hyperlink tersebut akan mengarah.
- <div>. Untuk memperkenalkan divisi dalam halaman web.
HTML5
HTML5 adalah versi terbaru dari bahasa pemrograman ini, diterbitkan pada bulan Oktober 2014 oleh konsorsium W3C. Modernisasi bahasa ini menggantikan tag usang dengan versi saat ini dan memanfaatkan teknologi baru dan kebutuhan web seperti formulir, penampil, kumpulan data besar, dll.
Peran Penting HTML dalam Pengembangan Web
1. Struktur Dasar Halaman Web
HTML menyediakan kerangka dasar yang dibutuhkan untuk membuat halaman web. Ini memungkinkan pengembang untuk mendefinisikan berbagai elemen dan konten yang akan ditampilkan kepada pengguna.
2. Integrasi dengan CSS dan JavaScript
HTML bekerja bersama dengan CSS dan JavaScript untuk membuat halaman web yang estetis dan interaktif. CSS digunakan untuk mengatur gaya dan tata letak, sementara JavaScript digunakan untuk menambahkan fungsionalitas dinamis.
3. SEO (Search Engine Optimization)
HTML yang terstruktur dengan baik membantu mesin pencari memahami konten halaman web, yang dapat meningkatkan peringkat halaman tersebut dalam hasil pencarian.
4. Aksesibilitas
Dengan menggunakan tag dan atribut HTML yang tepat, pengembang dapat membuat halaman web yang lebih mudah diakses oleh pengguna dengan berbagai kebutuhan, termasuk mereka yang menggunakan alat bantu seperti pembaca layar.
5. Konsistensi dan Standar
HTML adalah standar yang diakui secara luas dan didukung oleh semua browser web. Ini memastikan bahwa halaman web yang dibuat dengan HTML dapat diakses dan ditampilkan dengan konsisten di berbagai perangkat dan platform.
Referensi
Untuk memahami lebih lanjut tentang HTML, berikut beberapa referensi yang bisa dibaca:
- Duckett, Jon. HTML and CSS: Design and Build Websites. Wiley, 2011.
- Robbins, Jennifer Niederst. Learning Web Design: A Beginner’s Guide to HTML, CSS, JavaScript, and Web Graphics. O’Reilly Media, 2018.
- Freeman, Elisabeth, and Eric Freeman. Head First HTML and CSS. O’Reilly Media, 2012.
- W3Schools. HTML Tutorial. Available at: W3Schools HTML Tutorial
- Mozilla Developer Network (MDN). HTML: HyperText Markup Language. Available at: MDN Web Docs HTML
FAQs tentang HTML
Apa itu HTML?
HTML singkatan dari HyperText Markup Language, adalah bahasa pemrograman yang digunakan untuk membuat dan mengatur tampilan konten di halaman web. HTML menggunakan tag dan elemen untuk mendefinisikan struktur dan format dokumen web.
Apa peran HTML dalam pembuatan halaman web?
HTML adalah komponen penting dalam pembuatan halaman web. Ini digunakan untuk mengatur struktur dan tata letak halaman web, termasuk teks, gambar, hyperlink, tabel, formulir, dan elemen-elemen lainnya.
Apa perbedaan antara HTML dan CSS?
HTML dan CSS adalah dua bahasa pemrograman yang berbeda dalam pembuatan halaman web:
- HTML bertanggung jawab untuk struktur dan tata letak konten di halaman web, sedangkan CSS digunakan untuk mengatur tampilan dan gaya halaman web.
- HTML menggunakan tag dan elemen untuk mendefinisikan struktur, sedangkan CSS menggunakan properti dan nilai untuk mengatur tampilan.
- HTML fokus pada konten, sedangkan CSS fokus pada presentasi visual.
Apa itu tag dalam HTML?
Tag adalah elemen dasar dalam HTML yang digunakan untuk mengelompokkan dan mengatur konten di halaman web. Setiap tag dimulai dengan tanda “<” dan diakhiri dengan tanda “>”. Contoh tag adalah <h1> untuk judul, <p> untuk paragraf, <img> untuk gambar, <a> dan untuk hyperlink.
Apa contoh elemen umum dalam HTML?
Beberapa elemen umum dalam HTML termasuk:
- h1-h6: Digunakan untuk judul dengan tingkat kepentingan yang berbeda.
- p: Digunakan untuk paragraf teks.
- a: Digunakan untuk membuat hyperlink.
- img: Digunakan untuk menampilkan gambar.
- ul dan li: Digunakan untuk membuat daftar dengan tanda baca atau numerik.
- table: Digunakan untuk membuat tabel data.
- form: Digunakan untuk membuat formulir input.
Apa itu atribut dalam HTML?
Atribut adalah bagian tambahan dalam tag HTML yang memberikan informasi tambahan tentang elemen tersebut. Atribut ditempatkan di dalam tanda tag dan terdiri dari nama atribut dan nilai atribut yang ditempatkan dalam tanda kutip. Contoh atribut adalah src dan alt dalam tag img, href dalam tag a, dan colspan dalam tag td.
Bagaimana cara menambahkan CSS ke HTML?
Ada beberapa cara untuk menambahkan CSS ke HTML:
- Internal CSS: Anda dapat menambahkan kode CSS langsung ke dalam tag style di dalam bagiandari halaman HTML.
- External CSS: Anda dapat membuat file terpisah dengan ekstensi .css dan menautkannya ke halaman HTML menggunakan tag di dalam bagiandari halaman HTML.
- Inline CSS: Anda dapat menambahkan atribut style langsung ke elemen HTML untuk menerapkan gaya khusus.
Apa itu elemen div dalam HTML?
Elemen div adalah elemen pembungkus yang digunakan untuk mengelompokkan dan memanipulasi sekelompok elemen HTML. Ini sering digunakan bersama dengan CSS untuk mengatur tata letak dan mengatur gaya konten di halaman web.
Apa itu elemen span dalam HTML?
Elemen span adalah elemen inline yang digunakan untuk memformat atau menerapkan gaya pada sebagian teks atau elemen dalam halaman web. Elemen tidak mengubah tata letak atau struktur dokumen, tetapi hanya memberikan pengaruh visual.
Apa itu elemen form dalam HTML?
Elemen digunakan untuk membuat formulir input di halaman web. Formulir merupakan cara untuk menginteraksi antara pengguna dan halaman web, seperti mengirim data pengguna ke server.