Langsung ke konten utama

Pengertian HTML Header Dan Contohnya

HTML <header> element merepresentasikan konten pengantar, pembukaan atau navigasi yang terdiri dari deretan link.

Dalam penggunaannya, <header> element dapat berisi element heading (<h1>-<h6>) tapi tidak diperlukan, daftar isi (table of contents), sebuah logo, form pencarian dan lain sebagainya.

<header> element bukanlah sebuah konten pemisah (sectioning content) karena ia bukanlah konten yang terdiri dari headings dan footers, karena jelas sekali dalam sebuah <header> tidak boleh terdapat element <header> lain.

Elemen <header> tidak boleh digunakan sebagai anak element (descendant) dari <address>, <footer>, atau  <header> lainnya.
<body>
  <!-- header pertama -->
  <header>
    <h1>dul Blog</h1>
    <nav>
      <ul>
        <li>
          <a href="#">Artikel Terbaru</a>
        </li>
        <li>
          <a href="#">Artikel Populer</a>
        </li>
        <li>
          <a href="#">Hubungi Kami</a>
        </li>
      </ul>
    </nav>
  </header>
</body>

Postingan populer dari blog ini

Pengertian Heading Dan Contohnya

Heading  Heading adalah perlengkapan SEO sederhana yang berfungsi untuk menyusun level-level heading dan subheading pada website. Header mempunyai tingkatan yang ada 6 dan dimulai dari H1 hingga H6. H1 yaitu header yang paling besar dan yakni H6 header yang paling kecil. Penggunaan H1 biasanya digunakan untuk judul blog, dan h2 digunakan untuk judul posting, serta h3 untuk widget. Jika dilihat dalam tingkatan heading, maka level header pertama seharusnya mengandung keyword yang utama pada blog atau pada artikel. Fungsi Heading Teknik heading dalam sebuah blog sangat penting. karena dengan bantuan tag heading di blognya, maka akan mempermudah google dan mesin pencari lainnya mencari serta mengindex blog anda dengan cepat. Selain itu, dengan teknik tag heading ini juga akan mempermudah para pembaca yang datang ke website atau blog Anda memahami informasi dari artikel yang Anda berikan. Heading pada sebuah halaman web, memiliki fungsi sama dengan heading yang ada di halam...
Baca selengkapnya

Pengertian HTML Input Dan Contohnya

HTML <header> element merepresentasikan konten pengantar, pembukaan atau navigasi yang terdiri dari deretan link. Dalam penggunaannya, <header> element dapat berisi element heading (<h1>-<h6>) tapi tidak diperlukan, daftar isi (table of contents), sebuah logo, form pencarian dan lain sebagainya. <header> element bukanlah sebuah konten pemisah (sectioning content) karena ia bukanlah konten yang terdiri dari headings dan footers, karena jelas sekali dalam sebuah <header> tidak boleh terdapat element <header> lain. Elemen <header> tidak boleh digunakan sebagai anak element (descendant) dari <address>, <footer>, atau  <header> lainnya. <form action="formpendaftaran.php" method="get">   <label>Nama: <input type="text" name="user_name" /></label><br />   <label>Email/Surel: <input type="email" name="user_email" /...
Baca selengkapnya

Pengertian HTML Selektor_Kontekstual

Selektor Kontekstual hampir mirip dengan pernyataan-pernyataan kondisional - deklarasi Style-Sheet yang ada akan berpengaruh jika kondisi/keadaan tertentu dijumpai. Sebagai contoh, anggap anda ingin membuat semua teks yang bold  dan italic tampil dengan  huruf arial  dan berwarna biru. Selektor-Kontekstual nya akan seperti ini : <HEAD>  <STYLE TYPE="text/css">  B I {color: blue; font-family: Arial} /* selector ini kesemuanya untuk bold+italic text */  </STYLE>  </HEAD> CSS menawarkan berbagai macam cara untuk mengganti warna.  Paling mudah adalah dengan menggunakan salah satu dari pre-defined warna yang ada - aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver,  teal, white, dan yellow.  Kamu juga dapat  menggunakan kombinasi warna heksadesimal dengan menambahkan atribut # (hastag). I {color: #0000FF)  Atau nilai kombinasi RGB dalam nilai absolut terhadap pe...
Baca selengkapnya