Hai, pada artikel kali ini saya akan membahas tentang HTML. Analogi membuat website adalah seperti membangun rumah, tentu pertama kali membuat pondasi rumah, kemudian lantai, dinding, dan sebagainya. Ketika sudah berbentuk rumah, si pemilik bisa mengecat dan menghias rumahnya sesuai keinginannya sendiri. Nah apa hubungannya dengan membuat suatu web ? HTML adalah pondasi suatu website, sedangkan untuk menghiasnya menggunakan CSS.
Tag HTML cukup banyak dan akan memakan waktu untuk mempelajarinya satu persatu, akan lebih baik mempelajari tag yang penting saja terlebih dahulu. Nah dalam artikel ini difokuskan dalam pembuatan layout suatu website, untuk tampilan layout adalah layout yang pada umumnya ada pada web-web yang sering kita lihat.
Yang pertama adalah <HTML>, dibaca tag HTML, tag ini digunakan untuk membungkus semua elemen yang kita buat. Didalam tag tadi dibagi jadi dua bagian yang pertama bagian kepala dan yang kedua bagian badan, tidak akan sulit mengingatnya pasti. Yaitu <head> dan <body> lah dua bagian tadi.
<head> adalah tempat untuk menjelaskan apa saja yang ada pada body seperti warna elemen pada body apa saja. Kita simpan itu untuk artikel selanjutnya. Pada bagian body biasanya terdiri atas <header>, <nav>, <main>, <sidebar>, dan <footer>. Pada tag header biasanya tempat untuk judul website, tag nav untuk menu-menu website, main untuk isi website itu sendiri, sidebar adalah tempat widget-widget yang bisa difungsikan untuk website, dan footer adalah bagian bawah website yang biasanya berisi tulisan copyright. Berikut gambaran layout yang umunya digunakan.
Nah, selanjutnya beberapa tag yang digunakan di dalam tiap bagian tersebut :
<h1> : tag ini adalah untuk penulisan judul, angka tersebut bisa diganti dengan angka dari 1-6.
<p> : tag p (paragraph). Tentu mudah sekali untuk mengingat fungsinya.
<a> : tag ini digunakan untuk membuat link yang bisa mengarahkan ke luar atau ke dalam website.
<div> : tag ini tidak memiliki maksud apa-apa, hanya untuk membungkus. Tag ini sangat bermanfaat ketika kita sudah menggunakan CSS.
Cukup itu dulu tag yang saya jelaskan meskipun banyak tag lainnya. Tapi secara umum itulah yang terlihat ketika kita melihat suatu website. Semoga bermanfaat terimakasih.
Tidak ada komentar:
Posting Komentar