Contoh cara penulisan struktur HTML5

Struktur penulisan script web yang menggunakan teknologi terbaru yaitu HTML5 memang sedikit berbeda dari biasanya, struktur lebih tertata sehingga lebih mudah difahami dan diklaim memiliki optimalisasi dalam bidang seo. Berikut ini Contoh struktur penulisan HTML5.

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Your Website</title>
</head>
<body>
<header>
  <nav>
    <ul>
      <li>Menu 1</li>
      <li>Menu 2</li>
      <li>Menu 3</li>
    </ul>
  </nav>
</header>
<section>
  <article>
    <header>
      <h2>Judul Artikel</h2>
    </header>
    <p>Bagaimana cara membuat Blog? Apakah membuat blog itu harus membayar?   Pertanyaan itu sering muncul ketika seseorang ingin membuat blog. Ada   beberapa aplikasi yang dapat digunakan untuk membuat blog, baik yang   bersifat gratis maupun berbayar. Pada bagian ini akan diuraikan beberapa   aplikasi yang dapat digunakan untuk membuat blog secara gratis.</p>
  </article>
  <article>
    <header>
      <h2>Judul Artikel</h2>
    </header>
    <p>Pada awal munculnya Blog, aplikasi ini sering digunakan orang untuk   menulis catatan kegiatan. Kala itu, blog berperan seperti catatan harian   (diary) yang hanya berisi ungkapan perasaan seseorang. Namun   perkembangan selanjutnya, Blog dimanfaatkan untuk membangun image   branding, memperkuat diri sebagai tought leader melalui ide-ide dan   inovasi baru, sarana komunikasi dan hubungan masyarakat, sarana   pendidikan secara online dan masih banyak lagi manfaat lain.</p>
  </article>
</section>
<aside>
  <h2>Informasi Penulis</h2>
  <p>Nama saya Zainal Hakim, saya seorang pengembang web yang tinggal di Banjarmasin - Kalimantan Selatan. Selamat belajar web di Blog Zainal Hakim.</p>
</aside>
<footer>
  <p>Copyright 2013. By Zainal Hakim</p>
</footer>
</body>
</html>

Semoga bermanfaat, dan selamat mencoba

Zainal Hakim

** Bebas disunting dengan menyebutkan sumber **

Halaman Terkait

  • Operasi Matematika dalam PHP
    Operator Matematika yang digunakan untuk melakukan operasi matematika dalam php ada beberapa jenis, mari kita lihat tabel berikut :
  • TopStyle Lite program aplikasi untuk css
    TopStyle Lite adalah program aplikasi pengembang yang berguna untuk membuat dan mengedit CSS (CSS Editor). Versi terbaru program ini adalah TopStyle Lite 3.5, yang dirilis pada tanggal 15 Oktober 2007. Software TopStyle Lite dibuat dan dikembangkan o
  • Membuat css sederhana
    Pada toturial kali ini saya akan berbagi tentang cara membuat css sederhana. Yang anda perlukan dalam membuat css ini
  • Membuat tulisan berjalan dengan html
    Anda ingin membuat tulisan berjalan, dari kiri, kanan atau dari atas? Berikut ini perintah yang bisa anda gunakan untuk membuat tulisan berjalan dengan html.
  • Mengatur kecepatan tulisan berjalan
    Sebelumnya saya berbagi tentang bagaimana membuat tulisan berjalan dengan html, sekarang saya lanjutkan dengan cara mengatur kecepatan tulisan berjalan tersebut.
  • Membuat halaman website sederhana
    Pada toturial kali ini saya akan berbagi tentang cara membuat halaman website sederhana dengan HTML dan CSS.
  • Mengatur tinggi dan lebar tulisan berjalan
    Sebelumnya saya sudah berbagi tentang bagaimana membuat tulisan berjalan dengan html, kemudian sudah saya sampaikan juga cara mengatur kecepatan tulisan berjalan. Sekarang muncul kasus lagi bagaimana cara mengatur tinggi area tulisan berjalan dan leb
  • Membuat combobox dalam html
    Combobox atau yang sering disebut list menu dalam html adalah salah satu input yang bisa kita gunakan sebagai elemen sebuah form. Cara mendeklarasikan sebuah combobox sangat mudah yaitu dengan perintah sebagai berikut

Kiriman terbaru