Penggunaan Dasar HTML untuk Membuat Website
Penggunaan Dasar HTML untuk Membuat Website
Bukan itu saja, kalian hanya bermodalkan akun google untuk menikmati semua kemudahan yang mereka sediakan, tentunya tidak dipungut biaya sepeser pun.
Memang penyedia website sekarang makin marak, misal Blogger itu sendiri dan Wordpress, mereka adalah CMS terpopuler dekade ini.
Tidak afdol bagi kalian, jika terus-menerus bergantung kepada teknologi tersebut, bukankah kamu ingin membuat website sendiri? Apa kalian tidak bosan dengan tampilan dan fitur mononton seperti itu?
Lihat gambar diatas, kode tersebut adalah bagian kerangka HTML, terdiri dari html, head, title, dan body. Komponen penyusun tersebut memikul tanggung jawabnya masing-masing, diantaranya
Sintak div diatas berfungsi sebagai pembungkus dari teks "Halo Dunia", sebenarnya kalian tidak wajib menggunakan div untuk menuliskan suatu teks, kalian bisa saja menulis tanpa menggunakan div.
Tenang kawan, mari kita belajar dasar pembuatannya. Dengan teknologi HTML kalian bisa membuat website yang dinamis, kalian juga bisa merubahnya sesuai yang diharapkan.
Namun sebelum kita berlanjut ke materi HTML, saya akan memberi sedikit informasi tentang komponen penyusun HTML
Kerangka HTML
Lihat gambar diatas, kode tersebut adalah bagian kerangka HTML, terdiri dari html, head, title, dan body. Komponen penyusun tersebut memikul tanggung jawabnya masing-masing, diantaranya
1) Html
Sintaks : <html></html>
Sintaks kode tersebut digunakan untuk mengawali sebuah kode, atau kalian bisa sebut dengan root (akar)
2) Head
Sintaks : <head></head>
Sintaks ini berfungsi untuk menampung informasi meta data, biasanya elemen yang berada di dalam head memuat link, title dan style
Elemen yang biasanya terdapat didalam head:
1) Link
Link ini berguna untuk menggabungkan library atau file yang terpisah, kamu juga bisa memanfaatkan peluang ini untuk menggunakan cdn dll
2) Title
Seperti namanya, title ini berfungsi untuk mengganti nama dari sebuah halaman website
3) Style
Style adalah suatu sintaks yang berguna untuk mempercantik halaman, ada dua cara pemakaiannya, pertama adalah dengan cara internal dan eksternal
3) Body
Sintaks : <body></body>
Sintaks ini berfungsi untuk merender suatu elemen yang ditulis didalamnya, elemen tersebut berupa konten yang kalian inginkan untuk ditampilkan ke suatu halaman website
Di dalam div kalian bisa menuliskan elemen-elemen pembentuk konten sepert div, label, p, dst.
Nah, bagi teman-teman yang tidak sabar untuk memulai ngoding, mari kita awali langsung materinya
Menuliskan sintaks di html
Sintak div diatas berfungsi sebagai pembungkus dari teks "Halo Dunia", sebenarnya kalian tidak wajib menggunakan div untuk menuliskan suatu teks, kalian bisa saja menulis tanpa menggunakan div.
Hasilnya pasti sama, fontnya sama dan warnanya pun sama, perbedaannya terletak di elemen pembungkusnya, disarankan untuk memakai elemen pembungkus, karena dengan menggunakannya maka fitur lainnya akan bisa digunakan, seperti attribute, style dsb
Hasilnya akan seperti ini
Mengenal Tag, Atrribut dan Elemen.
1) Tag adalah sebuah sintak wajib yang harus ditulis untuk penulisan HTML, tag ini biasanya berpasangan, ada tag pembuka dan tag penutup.
Contoh: <></>
2) Elemen merupakan suatu sintak wajib berikutnya yang biasanya dibalut oleh tag.
Contoh elemen: div, h1, ul, li.
Penulisan sintaksnya => <div> teks <div/>
3) Attribute berfungsi untuk membuat dan memanipulasi perilaku elemennya, attribut ini sangat dibutuhkan penerapannya agar suatu website menjadi lebih hidup dan interaktif,
Contoh class, style, id.
Penulisan sintaksnya => <div class=""> teks <div/>
Jika semuanya digabung, maka akan menghasilkan sintaks HTML yang utuh.
Nah begitu saja teman-teman, semoga bermanfaat.
Lihat website saya lainnya di myownblog20.blogspot.com
Posting Komentar untuk "Penggunaan Dasar HTML untuk Membuat Website"