Mengenal HTML untuk Membangun sebuah Website

By. Teguh - 15 Jun 2023

Bagikan:
img

bohanfood.com - 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:

' untuk menandakan awal dokumen HTML dan tag '', tambahkan tag '' untuk memuat metadata dokumen, seperti judul, penulis, dan deskripsi.

Baca juga : Tombol Shortcut Windows yang Wajib Kamu Ketahui
 ', tambahkan tag '' untuk menentukan judul dokumen yang akan muncul di tab browser.', tambahkan tag '

' untuk memuat konten dokumen yang terlihat.

', tambahkan isi dokumen menggunakan berbagai tag HTML seperti '

  1. Buka editor teks seperti Notepad atau Sublime Text.

  2. Mulailah dengan struktur dokumen HTML dengan mengetikkan '' di awal file.

  3. Tambahkan tag '

    ' untuk menandakan akhir dokumen.
  4. Di dalam tag '

  5. Di dalam tag '

  6. Di dalam tag '

  7. Di dalam tag '

    ' untuk heading, '

    ' untuk paragraf, '' untuk link, '' untuk gambar, dan sebagainya.

 

Berikut adalah contoh halaman HTML sederhana:

 

 


   
     Halaman HTML Pertama Saya
   
   
     

Selamat datang di situs web saya!


     

Ini adalah halaman HTML pertama saya.


     Gambar Saya
     
Klik di sini untuk mengunjungi Example.com
   

 

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/)








Whatsapp Logo
Start a Conversation Hi! Click one of our member below to chat on Whatsapp