Scribd
Unggah
10 tayangan1 halaman

Struktur Layout HTML5 untuk Website Sekolah

Dokumen ini menjelaskan penggunaan tag semantik HTML5 untuk struktur web, termasuk <header>, <nav>, <section>, <article>, dan <footer>. Contoh layout sederhana untuk website sekolah disertakan, menunjukkan bagaimana elemen-elemen tersebut diimplementasikan. Terdapat juga latihan untuk membuat struktur website sekolah dengan elemen yang sama.

Diunggah oleh

herpan try
Hak Cipta
© All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
10 tayangan1 halaman

Struktur Layout HTML5 untuk Website Sekolah

Dokumen ini menjelaskan penggunaan tag semantik HTML5 untuk struktur web, termasuk <header>, <nav>, <section>, <article>, dan <footer>. Contoh layout sederhana untuk website sekolah disertakan, menunjukkan bagaimana elemen-elemen tersebut diimplementasikan. Terdapat juga latihan untuk membuat struktur website sekolah dengan elemen yang sama.

Diunggah oleh

herpan try
Hak Cipta
© All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd

HTML Part 4 – Layout dan Semantic HTML

HTML5 memiliki tag semantik untuk struktur web:

<header>Bagian atas halaman</header>


<nav>Navigasi</nav>
<section>Bagian konten</section>
<article>Artikel</article>
<footer>Bagian bawah halaman</footer>

Contoh layout sederhana:


<!DOCTYPE html>
<html>
<body>
<header><h1>Website Sekolah</h1></header>
<nav><a href="#">Beranda</a> | <a href="#">Profil</a></nav>
<section><p>Selamat datang di website kami!</p></section>
<footer>© 2025 Sekolah Kita</footer>
</body>
</html>

Latihan:
Buat struktur website sekolah dengan header, nav, konten, dan footer.

Anda mungkin juga menyukai