Contoh Halaman Sederhana HTML5 - NesiaNet

Contoh Halaman Sederhana HTML5

Berikut ini contoh kode HTML5 untuk membuat halaman web sederhana:

<!DOCTYPE html>
<html>
<head>
    <title>Halaman Sederhana</title>
</head>
<body>
    <h1>Selamat Datang di Halaman Sederhana</h1>
    <p>Ini adalah contoh halaman web sederhana yang dibuat menggunakan HTML5.</p>
    <ul>
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
    </ul>
    <img src="gambar.jpg" alt="Gambar Ilustrasi">
</body>
</html>

Penjelasan kode diatas:

  • <!DOCTYPE html> menyatakan bahwa ini adalah halaman web yang ditulis dalam HTML5
  • <html> menandakan awal dari halaman web
  • <head> berisi informasi tentang halaman web, seperti judul halaman yang ditampilkan di tab browser
  • <title>Halaman Sederhana</title> judul halaman web
  • <body> berisi konten yang akan ditampilkan di halaman web
  • <h1>Selamat Datang di Halaman Sederhana</h1> menampilkan judul besar
  • <p>Ini adalah contoh halaman web sederhana yang dibuat menggunakan HTML5.</p> menampilkan paragraf
  • <ul> menampilkan daftar tidak berurutan
  • <li>Item 1</li> menampilkan item dalam daftar
  • <img src="gambar.jpg" alt="Gambar Ilustrasi"> menampilkan gambar dengan sumber dari "gambar.jpg" dan deskripsi alternatif "Gambar Ilustrasi"
  • Anda dapat menambahkan elemen HTML lainnya sesuai dengan kebutuhan Anda.
tag: belajar html


EmoticonEmoticon