Konten dari Pengguna

Cara Membuat Struktur Dasar HTML dan Penjelasannya

17 Februari 2022 16:18 WIB
·
waktu baca 3 menit
comment
0
sosmed-whatsapp-white
copy-link-circle
more-vertical
Tulisan dari How To Tekno tidak mewakili pandangan dari redaksi kumparan
Ilustrasi programmer web. Foto: Negative Space/Pexels
zoom-in-whitePerbesar
Ilustrasi programmer web. Foto: Negative Space/Pexels
ADVERTISEMENT
Tutorial cara membuat struktur dasar HTML akan dibagikan buat kamu yang baru saja terjun ke dunia ini.
ADVERTISEMENT
HTML adalah kepanjangan dari Hypertext Markup Language, yaitu sebuah format yang dipakai ketika kamu membuat dokumen atau web page serta aplikasi yang berjalan di halaman web. Maksudnya, dokumen pada HTML disajikan pada web browser.
Pada sebuah dokumen HTML, kamu harus memasukkan teks, gambar, dan hal lain yang mendukung. Bedanya dengan dokumen model lain, HTML berisi elemen-elemen dengan tag yang berfungsi untuk menandai suatu bagian tertentu dari dokumen tersebut.
Pada artikel, ini How To Tekno akan berbagi cara tuliskan struktur dasar HTML, mulai dari membuat dokumen hingga menyematkan hyperlink dengan warna.

Cara Membuat Struktur Dasar HTML

Ilustrasi programmer web. Foto: Lukas/Pexels
Berikut adalah tutorial cara buat form HTML yang wajib diketahui oleh para pemula, dikutip dari Modul Praktikum Aplikasi IT edisi 1 yang diterbitkan Unikom:
ADVERTISEMENT

1. Cara Membuat Dokumen HTML Sederhana

Sebelum mulai untuk mengisi dokumen HTML dengan konten-konten yang kamu inginkan, tentu saja kamu sebagai pemula harus tahu cara membuat dokumen HTML.
ADVERTISEMENT

2. Cara Menambahkan Komentar di Dokumen HTML

HTML juga menyediakan fasilitas agar kamu atau orang lain yang membaca program bisa menulis komentar yang bisa digunakan nantinya.
Kamu hanya perlu menulis kueri perintah dengan rumus kueri <!-- dan diakhiri dengan tanda -->. Lihat contoh di bawah ini:
Ilustrasi programmer web. Foto: ThisIsEngineering/Pexels

3. Cara Menambahkan Background pada Halaman Web

Agar website yang kamu kelola lebih menarik, tambahkan background, bisa berupa warna saja ataupun gambar.
Berikut ini contoh kueri yang digunakan ketika mengubah background HTML, perhatikan kueri yang tertulis di atas teks yang dimunculkan pada website:
ADVERTISEMENT

4. Cara Ubah Warna Teks yang Dimunculkan pada Web

Selanjutnya, kamu juga bisa mengganti warna yang dimunculkan pada teks dengan rumus kueri <FONT COLOR=”warna”>. Kueri tersebut disematkan di depan teks yang ingin kamu ubah warnanya.
Tutorial selanjutnya adalah cara menambahkan hyperlink. Nantinya, orang lain yang membuka web kamu bisa klik link tersebut dan menuju halaman lain atau melakukan perintah lain seperti mengunduh dokumen.
Sekarang kamu sudah tahu bagaimana cara membuat struktur dasar HTML. Selamat belajar dan mencoba, ya!
ADVERTISEMENT
(NSF)