Konten dari Pengguna
7 Contoh Coding HTML Website Dasar, Mudah untuk Dipraktikkan
30 Desember 2022 18:15 WIB
·
waktu baca 3 menitTulisan dari How To Tekno tidak mewakili pandangan dari redaksi kumparan
![Ilustrasi coding HTML. Foto: Unsplash.com](https://blue.kumparan.com/image/upload/fl_progressive,fl_lossy,c_fill,q_auto:best,w_640/v1634025439/01gne0955nafm0qfg10eqgzhh7.jpg)
ADVERTISEMENT
kumparan Hadir di WhatsApp Channel
Follow
Beberapa contoh coding HTML website akan dibagikan dalam artikel berikut. Simak pembahasan ini hingga selesai agar kamu mengetahui definisi hingga contoh HTML untuk membuat situs web.
ADVERTISEMENT
Mempelajari coding HTML merupakan topik mendasar yang umum dipraktikkan programmer pemula. Salah satu contoh HTML yang paling mudah ditemui adalah situs web.
Ada banyak jenis situs web yang ditemukan di Internet, mulai dari blog pribadi hingga situs web perusahaan. Kebanyakan dari situs web tersebut memanfaatkan HTML untuk memformat teks dan berbagai media di dalamnya.
Apa Itu HTML?
Mengutip Hostinger, HTML atau HyperText Markup Language merupakan bahasa markup standar untuk membuat halaman web. Melalui HTML, siapa pun bisa membuat struktur bagian, paragraf, hingga menambahkan tautan pada halaman web seperti tag hingga atribut.
Tak sekadar membangun situs web, HTML juga berfungsi menavigasi Internet sekaligus memasukkan tautan antara halaman terkait dengan situs web. Di samping itu, HTML biasa digunakan untuk menyematkan hyperlink.
ADVERTISEMENT
Dari segi cara kerjanya, HTML akan memberi tahu peramban cara menampilkan semua berbagai elemen halaman mulai dari teks, gambar , hingga multimedia lainnya pada halaman web individual. Berkat proses tersebut, setiap pengguna Internet bisa melihat informasi dengan mudah.
7 Contoh Coding HTML Website
Bagi kamu yang tertarik mempelajari dasar pengembangan halaman web melalui bahasa markup yang satu ini, berikut 7 contoh coding HTML website yang dikutip dari Make Use Of dan W3Schools.
HTML dasar
Susunan HTML memiliki templat dasar yang terdiri dari tag <head>, tag <body>, dan tag penutup yang menyertakan garis miring sebelum nama elemen, misalnya, </body> dan sebagainya. Berikut contohnya.
Membuat title page
Untuk menampilkan title page di halaman situs web, kamu bisa menyertakan contoh coding HTML berikut ini.
ADVERTISEMENT
Menambahkan gambar
Seperti yang disebutkan, kamu juga bisa manambahkan gambar di halaman web melalui bantuan HTML. Simak contoh di bawah ini.
Susunan HTML di atas menyertakan tag <img> yang digunakan bersamaan dengan atribut ‘src’ yang menentukan sumber gambar. Dengan format di atas, gambar yang telah kamu tambahkan akan muncul di halaman web.
Menambahkan paragraf
Untuk membuat paragraf di situs web, kamu memerlukan tag <p>. Contoh coding HTML-nya adalah sebagai berikut.
Menambahkan link
Untuk menambahkan tautan atau link di halaman web, kamu perlu menggunakan tag <a>. Berikut contohnya.
Atribut href berfungsi sebagai tujuan tautan yang memberikan informasi tambahan tentang elemen HTML.
ADVERTISEMENT
Membuat tulisan tebal
Kamu juga dapat membuat tulisan tebal di halaman web dengan menyertakan tag <b>. Berikut contoh coding-nya.
Membuat tulisan miring
Sementara untuk membuat tampilan tulisan di halaman web menjadi miring, kamu memerlukan tag <i>. Adapun contohnya adalah sebagai berikut.
Setelah mengetahui contoh elemen coding HTML di atas, simak juga penggunaan beberapa tag melalui contoh pembuatan teks sederhana menggunakan HTML berikut ini.
Adapun keterangan dari coding di atas adalah sebagai berikut:
ADVERTISEMENT
Itulah contoh coding HTML website yang bisa kamu praktikkan. Kamu bisa menyesuaikan struktur di atas sesuai kebutuhan. Selamat mencoba!
(ANM)