Scribd Logo
Unggah

Selamat datang di Scribd!

  • HTML Layot

    Diunggah oleh

    labkomibbas
    3 tayangan8 halaman

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    PPTX, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PPTX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    3 tayangan8 halaman

    HTML Layot

    Diunggah oleh

    labkomibbas

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PPTX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 8

    Pengenalan HTML Layout

    HTML Layout adalah cara menata elemen dan struktur halaman web.

    by Muhamad Yusuf
    Struktur Dasar HTML
    Pembukaan dan Elemen Utama Elemen Tambahan
    Penutupan
    <html>, <head>, dan <body> Ada pula elemen tambahan
    Setiap dokumen HTML dimulai adalah elemen utama dalam seperti <title> untuk judul dan
    dengan <!DOCTYPE html> dan struktur HTML. <meta> untuk informasi
    diakhiri dengan </html>. metadata.
    Menggunakan Tag <header> dan
    <footer>
    1 Header 2 Footer
    Bagian atas halaman yang biasanya Bagian bawah halaman yang seringkali
    berisi judul dan navigasi. memuat informasi hak cipta dan kontak.
    Membuat Konten Utama dengan Tag
    <main>
    Konten Fokus
    <main> digunakan untuk konten utama dari halaman.

    Kemudahan Navigasi
    Memungkinkan pengguna untuk dengan mudah menemukan isi utama.
    Mengatur Bagian Samping dengan Tag
    <aside>
    1 Konten Pendukung 2 Iklan atau Navigasi Tambahan
    <aside> umumnya digunakan untuk
    konten yang terkait dengan halaman, Berguna untuk menampilkan iklan, link
    namun bukan inti dari halaman. terkait, atau elemen sekunder lainnya.
    Membuat Kolom dengan Tag <div>

    Flexibility 1
    <div> allows the creation of flexible and
    responsive column layouts.
    2 Content Grouping
    Helps in structuring multiple sections of a
    webpage for better organization.
    Menggunakan Tag <nav> untuk
    Navigasi
    Navigation Menu Improves Accessibility
    <nav> is ideal for creating primary or Helps in providing easy access to different
    secondary navigation menus. pages on a website.
    Mengatur Tampilan dengan CSS

    Styling Responsiveness Animation


    The combination of HTML and CSS enables web pages to adapt to CSS can create engaging
    CSS allows for beautifully styled various screen sizes and devices. animations to enhance user
    web pages. experience.

    Anda mungkin juga menyukai