Seperti yang sudah kita ketahui, HTML berperan sebagai struktur untuk membangun sebuah halaman website. Jika Anda ingin menjadi web developer profesional, Anda harus terlebih dahulu faham dengan bahasa HTML ini. Hal ini dikarenakan HTML adalah salah satu komponen website yang sangat penting. Show Pengertian HTMLHTML singkatan dari Hypertext Markup Language yaitu bahasa markup yang digunakan untuk membuat struktur halaman website. HTML merupakan bahasa standar yang digunakan untuk merancang tampilan website. HTML tidak dapat dikatakan sebagai bahasa pemrograman karena tidak ada logika di dalamnya. HTML hanya digunakan untuk menyusun tampilan website supaya sesuai dengan yang dispesifikan dan dapat dibuka dengan browser. Fungsi utama dari HTML adalah untuk membuat suatu halaman website menjadi lebih mudah dibaca dan dipahami. Karena itulah di dalamnya terdapat berbagai macam tag yang dapat dapat digunakan untuk memformat teks, seperti heading, title, paragraf, maupun link. Berkat perkembangannya, HTML juga telah memiliki banyak fungsi yang canggih. Selain itu, HTML tidak terlalu sulit jika dipelajari seorang programmer pemula. Anda hanya perlu memahami komponen dasar HTML, yaitu elemen, tag, dan atribut. Di mana elemen merupakan keseluruhan teks pada HTML yang berita penanda perintah atau tag, serta penjelas perintah tag atau atribut. Sejarah HTMLKita patut berterima kasih pada Tim Berners-Lee yang telah mengembangkan HTML pada tahun 1991. HTML yang awalnya hanya dipakai untuk kebutuhan penelitiannya sebagai solusi untuk memudahkan para ilmuwan dalam mengakses dokumen satu sama lain, kini dapat digunakan semua orang untuk berbagai kebutuhan. Selama perjalanannya, HTML mengalami perkembangan yang cukup pesat di dunia internet. Seperti apa perkembangannya ? Simak timeline perjalanan HTML berikut:
Struktur Dasar HTMLWebsite jika dibandingkan serupa dengan berkas dokumen yang ada seperti koran, majalah, atau buku. Serupa dalam hal memiliki struktur konten layaknya dokumen sehari-hari yang kita baca. Pada sebuah majalah terdapat judul, gambar yang ditampilkan dan teks dalam bentuk paragraf. Terkadang, jika konten tersebut panjang terdapat sub-judul untuk memisahkannya menjadi beberapa bagian. Judul dan subjudul pada sebuah dokumen menggambarkan suatu hierarki dari informasi. Misalnya, judul dengan ukuran besar merupakan judul utama dalam sebuah konten. Kemudian diikuti dengan judul kecil di bawahnya yang menjelaskan informasi dengan lebih mendetail lagi. Berkas HTML dasarnya memiliki struktur yang terlihat seperti ini:
Kita dapat melihat bahwa struktur dasar HTML dituliskan dari beberapa elemen. Pada setiap elemen HTML terdapat dua tag, yaitu pembuka tag Di antara tag pembuka dan penutup sebuah elemen, kita dapat meletakkan sebuah konten. Konten dapat berupa teks ataupun sebuah elemen HTML lain. Contohnya, elemen memiliki konten yaitu elemen dan juga elemen . Lalu, elemen memiliki konten berupa elemen yang di dalamnya memiliki konten berupa teks dari judul halaman yang ditampilkan. Begitu pula dengan elemen lainnya, sehingga hirarki elemen HTML nampak seperti ini. Tag HTMLTag HTML merupakan tanda awalan dan akhiran dalam perintah HTML yang akan dibaca oleh web browser. Tag HTML dibuat dengan menggunakan kurung siku , di mana di dalamnya berisi nama tag. Setiap tag HTML memiliki fungsi perintah yang berbeda-beda. Mulai dari membuat judul, paragraf, heading, cetak tebal, miring, italic, dan lainnya. Misalnya: Selain itu, tag ditulis secara berpasangan, yaitu tag pembuka dan tag penutup. Pada tag penutup ditambahkan garis miring (/) di depan nama tag. Tag HTML sendiri awalnya hanya berjumlah 18. Hingga saat ini sudah ada lebih dari 250 tag yang dapat digunakan ke dalam berkas HTML. Namun, Anda tak perlu menghafal semua tag yang ada. Ada hanya perlu mengingat beberapa tag dasar berikut ini :
Untuk lebih jelasnya, Anda dapat mempelajari referensi tentang tag HTML secara lengkap di HTML Element Reference. Tag Hierarki elemen teratas pada berkas HTML adalah elemen HTML-nya itu sendiri. Elemen ini digunakan untuk memberitahu kepada browser bahwa ini merupakan sebuah berkas HTML sekaligus menjadi root dari sebuah berkasnya itu. Seluruh elemen lainnya tentunya dituliskan pada konten elemen ini. Tag Tag
Pada HTML versi 4.01, tag
Tetapi sejak HTML5, penggunaan dapat dihilangkan. Sehingga struktur dasar berkas HTML menjadi seperti ini:
Tag Seluruh konten yang terdapat pada elemen ini akan ditampilkan pada halaman website. Maka dari itu, elemen ini digunakan untuk menampung seluruh konten atau elemen yang ditampilkan ke dalam jendela browser. Silakan coba tuliskan kode berikut, simpan dalam format HTML dan jalankan pada browser:
Maka seluruh konten yang dituliskan di dalam tag Kecuali jika kita ingin menuliskan sebuah notes pada berkas HTML, kita perlu gunakan commenting tag (
Sebuah komentar berguna untuk memberikan label dan mengorganisir sebuah dokumen yang panjang, terlebih ketika kita bekerja secara tim. Elemen HTMLElemen merupakan komponen HTML yang berupa keseluruhan kode dari tag pembuka hingga tag penutup. Elemen terdiri dari teks dan simbol yang berupa tag pembuka, isi tag atau konten, dan tag penutup. Contohnya :
Pada sebuah elemen juga bisa berisi elemen lainnya. Jadi elemen tersebut tak hanya berisi satu tag saja, tetapi banyak tag. Elemen itu disebut nested elements. Sebagai contoh, simak kode berikut:
Jika diperhatikan elemen HTML tersebut, dari tag pembuka lalu tag yang berisi elemen tag heading dan elemen tag paragraf. Atribut HTMLAtribut adalah informasi atau perintah tambahan yang berada dalam elemen. Atribut ini berfungsi sebagai penjelas perintah tag pada elemen. Misalnya :
Tag memiliki atribut khusus yaitu Dari contoh di atas, dapat diketahui juga kalau jumlah atribut dalam sebuah tag bisa lebih dari satu. Meski demikian, tidak semua atribut bisa digunakan dalam sebuah tag. Berikut ini jenis atribut khusus beberapa tag:
Kelebihan dan Kekurangan HTMLSama seperti hal teknis lainnya dalam dunia web, HTML juga punya kelebihan dan kekurangannya. Kelebihan :
Kekurangan :
Sekarang Anda sudah mengetahui pengertian dan struktur dasar HTML. Selanjutnya Anda dapat mempelajari bahasa pemrograman lainnya, seperti CSS, Javascript, PHP, dan lainnya untuk menjadi web developer profesional. Bagaimana struktur dasar HTML?Setiap halaman HTML setidaknya memiliki struktur dasar yang terdiri dari : Tag DTD atau DOCTYPE, tag html, tag head, dan tag body. Inilah yang merupakan struktur paling dasar dari HTML, walaupun HTML tidak hanya berisi struktur tersebut.
Bagaimana cara menggunakan HTML?Cara Membuat Halaman Web Sederhana dengan HTML. Buka editor teks. ... . Atur jenis dokumen untuk HTML. ... . Tambahkan tab judul untuk halaman web kamu. ... . Ketik di bawah tag "Head" yang tertutup. ... . Selanjutnya membuat judul halaman. ... . Tambahkan judul tambahan jika kamu mau. ... . Membuat paragraf. ... . Mengubah warna teks.. Untuk membuat struktur dasar HTML Langkah yang pertama adalah?Cara membuat struktur dasar HTML adalah membuka dokumen sederhana. Lalu, menambahkan komentar di dokumen HTML serta background di halaman web. Jika kamu ingin menambahkan background berupa warna, maka bisa memberi perintah dengan rumus kueri: <BODY BGCOLOR=”warna”>.
Bagaimana cara penulisan yang benar dalam penulisan HTML?Berikut ini beberapa saran yang perlu diikuti agar bisa menulis tag dengan benar:. Tag-tag wajib. Ada beberapa tag yang wajib ada di HTML. ... . 2. Gunakan Huruf Kecil. Hindari menggunakan huruf besar dalam menuliskan naama tag dan sebaiknya gunakan huruf kecil saja. ... . Pastikan Menutup Tag dengan Benar.. |