Mengenal HTML untuk Membangun sebuah Website
By. Teguh - 15 Jun 2023
sistemnunsantara - HTML adalah singkatan dari Hypertext Markup Language dan digunakan untuk membuat halaman web. HTML adalah bahasa markup yang menggunakan tag untuk menentukan struktur dan konten halaman web.
Baca juga : Bagaimana Cara Kerja Sistem Operasi Komputer?
Berikut adalah beberapa langkah dasar untuk membuat halaman HTML:
-
Buka editor teks seperti Notepad atau Sublime Text.
-
Mulailah dengan struktur dokumen HTML dengan mengetikkan '<!DOCTYPE html>' di awal file.
-
Tambahkan tag '<html>' untuk menandakan awal dokumen HTML dan tag '</html>' untuk menandakan akhir dokumen.
-
Di dalam tag '<html>', tambahkan tag '<head>' untuk memuat metadata dokumen, seperti judul, penulis, dan deskripsi.
Baca juga : Tombol Shortcut Windows yang Wajib Kamu Ketahui
-
Di dalam tag '<head>', tambahkan tag '<title>' untuk menentukan judul dokumen yang akan muncul di tab browser.
-
Di dalam tag '<html>', tambahkan tag '<body>' untuk memuat konten dokumen yang terlihat.
-
Di dalam tag '<body>', tambahkan isi dokumen menggunakan berbagai tag HTML seperti '<h1>' untuk heading, '<p>' untuk paragraf, '<a>' untuk link, '<img>' untuk gambar, dan sebagainya.
<!DOCTYPE html>
<html>
<head>
<title>Halaman HTML Pertama Saya</title>
</head>
<body>
<h1>Selamat datang di situs web saya!</h1>
<p>Ini adalah halaman HTML pertama saya.</p>
<img src="gambar.jpg" alt="Gambar Saya">
<a href="https://www.example.com">Klik di sini untuk mengunjungi Example.com</a>
</body>
</html>
Baca juga : Mau Membuat Game? Pakai Unity Aja
Halaman HTML ini berisi judul, paragraf, gambar, dan tautan. Atribut src dari tag menentukan URL gambar, dan atribut alt memberikan teks alternatif untuk gambar jika tidak dapat ditampilkan. Atribut href dari tag menentukan URL tautan.
Setelah Anda membuat halaman HTML, Anda dapat menyimpannya dengan ekstensi .html dan membukanya di browser web untuk melihat tampilannya. Anda juga dapat menggunakan CSS dan JavaScript untuk menata dan menambahkan interaktivitas ke halaman HTML Anda.
(sumber ilustrasi gambar : https://lkpkaryaprima.id/2021/08/24/apa-itu-html-dan-php/)
.jpg)
.jpg)
.jpg)
.jpg)
