10 Contoh Coding dengan HTML Untuk Membuat Website

Ini adalah konten halaman web kamu.\
**_ _**\**_ _**\**_ Di dalam elemen \, kamu dapat menentukan judul halaman _web_ dengan menggunakan elemen \ hingga \.
\ memiliki tingkatan paling tinggi dan berfungsi untuk membuat judul utama halaman, sedangkan \ untuk judul pada tingkat paling rendah.
Contoh penggunaan elemen _heading_ yaitu:
**\Judul Utama\
**
**\Ini adalah Judul Tingkat Kedua\
**
**\Ini adalah Judul Tingkat Ketiga\
**
Penggunaan _heading_ membantu pengguna untuk memahami struktur dan hierarki konten di halaman _web_ kamu. Sebagai _programmer_, kamu harus bisa menentukan tingkatan _heading_ yang tepat untuk konten _web_ kamu.
### 3\. Paragraf
Paragraf adalah elemen HTML untuk menampilkan teks dalam format paragraf. Ini adalah elemen dasar untuk menampilkan teks di halaman _web_ kamu. Elemen paragraf dalam HTML menggunakan _tag_ \
memiliki tingkatan paling tinggi dan berfungsi untuk membuat judul utama halaman, sedangkan \ untuk judul pada tingkat paling rendah.
Contoh penggunaan elemen _heading_ yaitu:
**\Judul Utama\
**
**\Ini adalah Judul Tingkat Kedua\
**
**\Ini adalah Judul Tingkat Ketiga\
**
Penggunaan _heading_ membantu pengguna untuk memahami struktur dan hierarki konten di halaman _web_ kamu. Sebagai _programmer_, kamu harus bisa menentukan tingkatan _heading_ yang tepat untuk konten _web_ kamu.
### 3\. Paragraf
Paragraf adalah elemen HTML untuk menampilkan teks dalam format paragraf. Ini adalah elemen dasar untuk menampilkan teks di halaman _web_ kamu. Elemen paragraf dalam HTML menggunakan _tag_ \
Judul Utama\
** **\Ini adalah Judul Tingkat Kedua\
** **\Ini adalah Judul Tingkat Ketiga\
** Penggunaan _heading_ membantu pengguna untuk memahami struktur dan hierarki konten di halaman _web_ kamu. Sebagai _programmer_, kamu harus bisa menentukan tingkatan _heading_ yang tepat untuk konten _web_ kamu. ### 3\. Paragraf Paragraf adalah elemen HTML untuk menampilkan teks dalam format paragraf. Ini adalah elemen dasar untuk menampilkan teks di halaman _web_ kamu. Elemen paragraf dalam HTML menggunakan _tag_ \. Contoh sederhana penggunaan elemen paragraf dalam HTML yaitu: \
Teks paragraf pertama.\
\Teks paragraf kedua.\
Setiap elemen \ akan membuat teks dari baris baru dan otomatis memberikan jarak antar paragraf. Di bagian paragraf, kamu bisa mengatur gaya huruf, misalnya cetak miring _(italic)_, cetak tebal _(bold)_, hingga garis bawah _(underline)_.
### 4\. Link
_Link_ atau tautan adalah elemen penting dalam pembuatan website. Dengan _link_, pengguna dapat berpindah dari satu halaman ke halaman lainnya _(internal link)_, atau bahkan ke _website_ lain _(external link)_. Penggunaan tautan dapat memudahkan navigasi dan pengalaman pengguna pada _website_ kamu.
Contoh penggunaan _link_ dalam contoh _coding_ HTML, yaitu:
**\Ini adalah contoh tautan ke web lain.\**
Dalam contoh di atas, \ adalah _tag_ HTML untuk membuat _link_ dan _href_ adalah atribut yang menentukan URL tujuan _link_. Dengan menggunakan _link_ ini, pengguna dapat dengan mudah berpindah ke halaman _web_ lainnya.
Selain tautan ke situs lain, kamu juga dapat membuat _internal link_ untuk mengarahkan pengguna ke halaman lain di situs kamu seperti:
**\Pergi ke halaman lain di website ini.\**
Menggunakan _link_ yang konsisten dan jelas adalah salah satu cara terbaik dalam mengembangkan _web_. Maka dari itu, kamu harus bijak dalam menempatkan _link_, mulai dari menentukan atribut-atribut _link_ hingga _anchor text_ yang tepat.
### 5\. Gambar
Gambar adalah elemen penting dalam membuat _website_ yang menarik dan informatif. Kamu dapat menggunakan gambar untuk memperkuat pesan, memberikan ilustrasi, atau bahkan hanya untuk tujuan dekoratif.
Dalam _coding_ HTML, kamu dapat menggunakan elemen \ untuk menambahkan gambar ke halaman _web_ kamu. Contoh penggunaan elemen gambar, yaitu:
**\
**
Dalam contoh di atas, \
adalah _tag_ gambar, sedangkan atribut _src_ menunjukkan lokasi gambar. Atribut _alt_ adalah teks alternatif yang akan tampil jika gambar tidak dapat dimuat, dan juga berguna untuk aksesibilitas _web_.
### 6\. Tombol
Tombol adalah elemen interaktif dalam pembuatan _website_, terutama pada halaman yang memerlukan tindakan dari pengguna. Dalam HTML, kamu dapat menggunakan elemen \