Sebagai seorang blogger, kamu pasti sudah tidak asing lagi dengan istilah HTML. HTML merupakan bahasa pemrograman yang digunakan untuk membangun sebuah website. Sebagai blogger, kamu wajib menguasai kode HTML dasar agar bisa membuat dan mengedit postinganmu secara mandiri. Berikut ini adalah beberapa kode HTML dasar yang wajib kamu kuasai sebagai seorang blogger:
1. Struktur Dasar HTML
Struktur dasar HTML terdiri dari tag html, head, dan body. Tag html merupakan tag pertama yang harus kamu tulis di setiap dokumen HTML. Tag head berisi informasi-informasi tentang dokumen HTML, seperti title dan meta tag. Sedangkan tag body berisi konten yang akan ditampilkan pada websitemu.
2. Tag Heading
Tag heading digunakan untuk memberi judul pada kontenmu. Terdapat enam level heading, dimulai dari h1 sampai h6. Heading level 1 digunakan untuk judul utama, sementara heading level 2 sampai 6 digunakan untuk subjudul.
3. Tag Paragraph
Tag paragraph digunakan untuk menulis teks pada postinganmu. Setiap kali kamu ingin menulis teks baru, kamu harus menambahkan tag paragraph.
4. Tag Bold dan Italic
Tag bold digunakan untuk memberi teks tebal, sedangkan tag italic digunakan untuk memberi teks miring. Kamu bisa mengombinasikan kedua tag tersebut untuk memberi teks tebal dan miring.
5. Tag Hyperlink
Tag hyperlink digunakan untuk membuat tautan pada postinganmu. Kamu bisa menautkan teks atau gambar ke halaman lain atau ke website lain dengan menggunakan tag hyperlink.
6. Tag Image
Tag image digunakan untuk memasukkan gambar pada postinganmu. Kamu bisa menambahkan atribut alt pada tag image untuk memberikan deskripsi pada gambar.
7. Tag List
Tag list digunakan untuk membuat daftar pada postinganmu. Terdapat dua jenis list, yaitu ordered list dan unordered list. Ordered list menggunakan angka atau huruf, sedangkan unordered list menggunakan simbol seperti bullet atau tanda panah.
8. Tag Table
Tag table digunakan untuk membuat tabel pada postinganmu. Kamu bisa menambahkan baris dan kolom pada tabel dengan menggunakan tag tr dan td.
9. Tag Form
Tag form digunakan untuk membuat formulir pada postinganmu. Kamu bisa menambahkan input, checkbox, atau radiobutton pada formulir dengan menggunakan tag input.
10. Tag Comment
Tag comment digunakan untuk menambahkan komentar pada dokumen HTML. Komentar tidak akan ditampilkan pada website, sehingga kamu bisa menuliskan catatan atau instruksi pada tag comment.
11. Tag Meta
Tag meta digunakan untuk memberikan informasi tentang dokumen HTML, seperti deskripsi, keyword, dan author.
12. Tag Headline
Tag headline digunakan untuk memberi judul besar pada kontenmu. Tag headline bisa digunakan untuk menampilkan berita atau artikel terbaru pada halaman utama website.
13. Tag Footer
Tag footer digunakan untuk menampilkan informasi tambahan pada halamanmu, seperti alamat, nomor telepon, atau copyright.
14. Tag Navigation
Tag navigation digunakan untuk menampilkan menu navigasi pada website. Kamu bisa menambahkan link ke halaman lain pada menu navigasi dengan menggunakan tag hyperlink.
15. Tag Article
Tag article digunakan untuk menampilkan artikel pada website. Kamu bisa menambahkan judul, gambar, dan teks pada tag article.
16. Tag Section
Tag section digunakan untuk membagi-bagi kontenmu menjadi beberapa bagian. Kamu bisa menambahkan subjudul pada setiap section dengan menggunakan tag heading.
17. Tag Aside
Tag aside digunakan untuk menampilkan konten tambahan pada halamanmu, seperti iklan atau widget.
18. Tag Time
Tag time digunakan untuk menampilkan waktu pada kontenmu. Kamu bisa menambahkan atribut datetime pada tag time untuk menampilkan waktu secara spesifik.
19. Tag Audio
Tag audio digunakan untuk memasukkan audio pada postinganmu. Kamu bisa menambahkan atribut controls pada tag audio untuk memungkinkan pengguna memutar atau menghentikan audio.
20. Tag Video
Tag video digunakan untuk memasukkan video pada postinganmu. Kamu bisa menambahkan atribut controls pada tag video untuk memungkinkan pengguna memutar atau menghentikan video.
21. Tag Script
Tag script digunakan untuk menambahkan kode JavaScript pada dokumen HTML. Kamu bisa menambahkan kode JavaScript untuk membuat efek-efek pada website.
22. Tag Style
Tag style digunakan untuk menambahkan kode CSS pada dokumen HTML. Kamu bisa menambahkan kode CSS untuk mengatur tampilan website.
23. Tag Button
Tag button digunakan untuk menambahkan tombol pada formulir atau halamanmu. Kamu bisa menambahkan atribut type pada tag button untuk menentukan jenis tombol.
24. Tag Input
Tag input digunakan untuk menambahkan input pada formulir atau halamanmu. Kamu bisa menambahkan atribut type pada tag input untuk menentukan jenis input.
25. Tag Label
Tag label digunakan untuk memberikan label pada input. Kamu bisa menambahkan atribut for pada tag label untuk menghubungkan label dengan input.
26. Tag Select
Tag select digunakan untuk menambahkan dropdown pada formulir atau halamanmu. Kamu bisa menambahkan tag option pada tag select untuk menampilkan pilihan.
27. Tag Textarea
Tag textarea digunakan untuk menambahkan area teks pada formulir atau halamanmu. Kamu bisa menambahkan atribut rows dan cols pada tag textarea untuk menentukan ukuran area teks.
28. Tag Iframe
Tag iframe digunakan untuk menampilkan halaman lain pada halamanmu. Kamu bisa menambahkan atribut src pada tag iframe untuk menentukan halaman yang akan ditampilkan.
29. Tag Canvas
Tag canvas digunakan untuk membuat gambar dengan menggunakan kode JavaScript. Kamu bisa menambahkan kode JavaScript pada tag canvas untuk membuat gambar yang interaktif.
30. Tag Progress
Tag progress digunakan untuk menampilkan progress pada halamanmu. Kamu bisa menambahkan atribut value pada tag progress untuk menentukan nilai progress.
Kesimpulan
Itulah beberapa kode HTML dasar yang wajib kamu kuasai sebagai seorang blogger. Dengan menguasai kode HTML dasar, kamu akan lebih mudah dalam membuat dan mengedit postinganmu sendiri. Selain itu, kamu juga bisa mengatur tampilan website sesuai dengan keinginanmu. Jangan lupa untuk selalu memperbarui pengetahuanmu tentang HTML agar websitemu semakin profesional dan menarik.
