Kita lanjutkan tutorial tentang dasar-dasar HTML, yaitu tentang Meta data. HTML memungkinkan kita untuk menambahkan Meta data pada halaman web, yaitu berupa informasi penting tentang dokumen tersebut. Elemen pada Meta data ini bisa digunakan untuk menggambarkan properti dari halaman HTML seperti nama pembuat, kata kunci dan sebagainya. Show
Kita bisa memasukkan satu atau lebih tag Meta pada sebuah halaman HTML berdasarkan informasi apa yang akan ditambahkan pada halaman tersebut. Catatan bahwa Meta data tidak tampil pada halaman web ketika diakses. Cara menambahkan tag MetaTag yang digunakan adalah
Mengatur kata kunciUntuk mengatur kata kunci digunakan keywords pada atribut name. Kemudian pada atribut content diisi dengan kata kunci yang diinginkan. Jika kata kunci lebih dari 1, gunakan tanda koma. Cara penulisannya seperti ini: Contohnya: Mengatur deskripsi halamanBiasanya pada halaman web juga ditambahkan deskripsi yang berisi ringkasan atau penjelesan singkat dari halaman web. Deskripsi bisa dibuat berbeda-beda untuk setiap halaman. Dan deskripsi ini biasa digunakan oleh mesin pencari untuk melakukan indexing halaman-halaman web. Dengan deskripsi ini maka halaman web kita bisa lebih mudah diindex dan muncul di halaman pencarian. Cara penulisannya sama dengan cara mengatur kata kunci, menggunakan atribut name dengan isi description dan content diisi dengan
ringkasan halaman web. Ini bentuk penulisannya: Contohnya: Silahkan ketik kode berikut untuk contoh keywords dan description. Simpan dengan nama file 33-html-meta-keywords-description.html: <!DOCTYPE html> <html> <head> <title>Meta Keywords dan Description</title> <meta name="keywords" content="tutorial web, tutorial android, belajar adminer, bisnis online"> <meta name="description" content="Tag Meta HTML diperlukan untuk optimasi SEO (Search Engine Optimization)"> </head> <body> <h2>Menambahkan Meta Keywords dan Description</h2> <p>Meta keywords dan description digunakan oleh mesin pencari untuk mengindex halaman-halaman web. Biasanya dimaksimalkan untuk optimasi mesin pencari (SEO), agar halaman web bisa tampil di halaman awal hasil pencarian.</p> </body> </html> Lihat tampilannya di halaman sebelah. Jika kamu diminta menuliskan daftar barang yang harus dibeli pada dengan HTML.. ..apa yang akan kamu lakukan? Mungkin kamu bisa membuatnya seperti ini:
Hasilnya memang akan terlihat seperti sebuah list. Tapi, ini bukanlah cara membuat list yang benar di HTML. Elemen List di HTMLHTML sudah menyediakan elemen untuk membuat list. Ada tiga macam jenis list yang bisa dibuat di HTML:
Mari kita bahas satu-per-satu… 1. Ordered List di HTMLOrdered list dibuat dengan tag Contoh:
Hasilnya: List diatas diurutkan berdasarkan angka dari Lalu bagaimana kalau kita ingin menggunakan huruf seperti Gampang.. Untuk membuat yang seperti itu, kita bisa menggunakan atribut
Contoh:
Hasilnya: 2.Unordered List di HTMLUnordered list adalah list yang tak terurut yang
menggunakan simbol-simbol pada item-nya. Unordered list dibuat dengan tag Contoh:
Hasilnya: Secara default simbol yang digunakan oleh unordered list adalah lingkaran kecil (disc). Kita juga bisa menggantinya dengan atribut Berikut ini nilai yang bisa diberikan untuk atribut
Contoh:
Hasilnya: Selain menggunakan type, kita juga bisa menggunakan gambar. Ini dilakukan dengan style CSS. Contohnya:
Hasilnya: 3. Description List di HTMLDescription List adalah list yang berisi deksripsi atau penjelasan dari sesuatu. Ada tiga tag yang digunakan untuk membuat description list:
Format penulisannya seperti ini: Contoh:
Hasilnya: List di dalam List (Nested List)List juga dapat dibuat di dalam list, misalkan kita ingin menggabungkan ordered list dengan unordered list. Caranya, list
yang di dalam ditulis di dalam tag Contoh:
Hasilnya: Apa Selanjutnya?Materi tentang list sampai di sini ya.. Intinya: Kamu harus tahu cara membuat list, baik itu ordered list, unordered list, dan juga description list. Jika masih bingung, silahkan tanyakan di komentar. Selanjutnya silahkan pelajari:
Apa itu detail tag?HTML <details> merupakan element interaktif yang digunakan untuk menentukkan rincian (detail) konten tambahan yang dapat ditampilkan atau disembunyikan oleh user.
Tag apa saja yang ada di HTML?Berikut ini daftar tag yang wajib ada di HTML:. <! DOCTYPE html> — untuk deklarasi type dokumen;. <html> — tag utama dalam HTML;. <head> — untuk bagian kepala dari dokumen;. <title> — untuk judul web;. <body> — untuk bagian body dari dokumen.. Langkah langkah membuat website dengan 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.. Apa itu DT HTML?HTML elemen dalam tag <dt> merupakan judul daftar sedangkan elemen yang berada di dalam tag <dd> adalah penjelasan (deskripsi) dari isi konten datanya.
|