7 Contoh Coding HTML Website Dasar, Mudah untuk Dipraktikkan

Ilustrasi coding HTML. Foto: Unsplash.com

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.

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?

Ilustrasi membangun website dengan HTML. Foto: Unsplash.com

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.

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

Ilustrasi mencoba contoh coding HTML website. Foto: Unsplash.com

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.

<!DOCTYPE html>

<html>

<head>

<title>Title of the document</title>

</head>

<body>

<h1>Heading</h1>

Paragraph.

</body>

</html>

Membuat title page

Untuk menampilkan title page di halaman situs web, kamu bisa menyertakan contoh coding HTML berikut ini.

<head>

<title>My Website</title>

</head>

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 . Contoh coding HTML-nya adalah sebagai berikut.

This is a paragraph.

This is another paragraph.

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.

Membuat tulisan tebal

Kamu juga dapat membuat tulisan tebal di halaman web dengan menyertakan tag . Berikut contoh coding-nya.

Text

Membuat tulisan miring

Sementara untuk membuat tampilan tulisan di halaman web menjadi miring, kamu memerlukan tag . Adapun contohnya adalah sebagai berikut.

Text

Setelah mengetahui contoh elemen coding HTML di atas, simak juga penggunaan beberapa tag melalui contoh pembuatan teks sederhana menggunakan HTML berikut ini.

<html>

<head>

</head>

Halo, selamat pagi

Semoga harimu menyenangkan

Sekian dan terima kasih

</body>

</html>

Adapun keterangan dari coding di atas adalah sebagai berikut:

<title> My Blog </title>: Penulisan judul situs web.
: Membuat tulisan di bawahnya rata kiri.
: Menambahkan paragraf sebelum menulis teks di bawahnya.
: Membuat teks miring dan tebal.
<hr width="1000"> : Membuat garis.

Itulah contoh coding HTML website yang bisa kamu praktikkan. Kamu bisa menyesuaikan struktur di atas sesuai kebutuhan. Selamat mencoba!

(ANM)

Frequently Asked Question Section

Apa itu HTML?

HTML atau HyperText Markup Language merupakan bahasa markup standar untuk membuat halaman web. Melalui HTML, siapa pun bisa membuat struktur bagian, paragraf, hingga menambahkan link pada halaman web seperti tag hingga atribut.

Apa fungsi HTML?

Membangun situs web, menavigasi Internet, memasukkan tautan antara halaman terkait dengan situs web, dan untuk menyematkan hyperlink.

Bagaimana cara kerja HTML?

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.