Hello Sobat Ilyas!
Apakah kamu ingin belajar membuat website dengan mudah? salah satu hal yang harus kamu kuasai adalah coding HTML website. HTML atau Hypertext Markup Language adalah bahasa pemrograman utama untuk membuat halaman web. Dalam artikel ini, kita akan membahas beberapa contoh coding HTML website yang bisa kamu gunakan untuk membuat website.
Pertama-tama, mari kita lihat contoh coding HTML website untuk membuat tampilan halaman web yang sederhana. Untuk membuat tampilan halaman web, kamu perlu menggunakan tag HTML dasar seperti <html>, <head>, dan <body>. Kamu juga perlu menambahkan judul halaman web dengan tag <title>.
Contoh:
<!DOCTYPE html><html><head><title>Halaman Web Sederhana</title></head><body><h1>Selamat Datang di Halaman Web Sederhana</h1><p>Ini adalah contoh halaman web sederhana yang dibuat dengan HTML.</p></body></html>
Setelah kamu memahami cara membuat tampilan halaman web yang sederhana, kamu bisa mencoba membuat navigasi untuk website kamu. Kamu bisa menggunakan tag <nav> untuk membuat navigasi. Kamu juga bisa menggunakan tag <ul> dan <li> untuk membuat daftar menu.
Contoh:
<!DOCTYPE html><html><head><title>Website dengan Navigasi</title></head><body><nav><ul><li><a href="index.html">Beranda</a></li><li><a href="tentang.html">Tentang Kami</a></li><li><a href="kontak.html">Kontak</a></li></ul></nav><h1>Selamat Datang di Website Kami</h1><p>Ini adalah contoh website dengan navigasi yang dibuat dengan HTML.</p></body></html>
Selanjutnya, kamu bisa mencoba membuat form untuk website kamu. Dalam contoh coding HTML website untuk form, kamu bisa menggunakan tag <form>, <input>, dan <label>. Kamu juga bisa menambahkan tombol submit dengan tag <button>.
Contoh:
<!DOCTYPE html><html><head><title>Website dengan Form</title></head><body><form><label for="nama">Nama:</label><input type="text" id="nama" name="nama"><br><label for="email">Email:</label><input type="email" id="email" name="email"><br><button type="submit">Kirim</button></form><h1>Selamat Datang di Website Kami</h1><p>Ini adalah contoh website dengan form yang dibuat dengan HTML.</p></body></html>
Terakhir, kamu bisa memperindah tampilan website kamu dengan CSS. CSS atau Cascading Style Sheets adalah bahasa pemrograman untuk mengatur tampilan halaman web. Kamu bisa menggunakan tag <style> untuk menambahkan CSS ke halaman web kamu.
Contoh:
<!DOCTYPE html><html><head><title>Website dengan CSS</title><style>body {background-color: lightblue;}h1 {color: white;text-align: center;}p {font-family: verdana;font-size: 20px;}</style></head><body><h1>Selamat Datang di Website Kami</h1><p>Ini adalah contoh website dengan CSS yang dibuat dengan HTML.</p></body></html>
Kesimpulan
Dalam artikel ini, kita telah melihat beberapa contoh coding HTML website yang bisa kamu gunakan untuk membuat website. Mulailah dengan membuat tampilan halaman web yang sederhana, lalu tambahkan navigasi, form, dan CSS untuk memperindah tampilan website kamu. Jangan ragu untuk mencoba dan bereksperimen dengan coding HTML website untuk membuat website yang unik dan menarik.
Sampai jumpa kembali di artikel menarik lainnya!
