Sabtu, 04 Februari 2017

Mengenal HTML 5 Dan Tag Dasar HTML 5

Assalamualaikum Wr.Wb

Pada kesempatan ini saya akan mengajak kepada teman - teman semua untuk mengenal HTML 5,oke mari kita mulai.
HTML5  adalah sebuah bahasa markah untuk menstrukturkan dan menampilkan isi dari Waring Wera Wanua, sebuah teknologi inti dari Internet. HTML5 adalah revisi kelima dari HTML (yang pertama kali diciptakan pada tahun 1990 dan versi  keempatnya, HTML4, pada tahun 1997) dan hingga bulan Juni 2011 masih dalam pengembangan. Tujuan utama pengembangan HTML5 adalah untuk memperbaiki teknologi HTML agar mendukung teknologi multimedia terbaru, mudah dibaca oleh manusia dan juga mudah dimengerti oleh mesin.

HTML5 merupakan salah satu karya Konsortium Waring Wera Wanua (World Wide Web Consortium, W3C) untuk mendefinisikan sebuah bahasa markah tunggal yang dapat ditulis dengan cara HTML ataupun XHTML. HTML5 merupakan jawaban atas pengembangan HTML 4.01 dan XHTML 1.1 yang selama ini berjalan terpisah, dan diimplementasikan secara berbeda-beda oleh banyak perangkat lunak pembuat web. 
(sumber : https://id.wikipedia.org/wiki/HTML5)

Berikut adalah beberapa perbedaan HTML 5 dengan HTML sebelumnya :
  • Penulisan doctipe pada HTML5 lebih sederhana. Mungkin inilah perbedaan paling mencolok dari halaman HTML yang ditulis menggunakan HTML5 atau tidak. Penulisan Doctype atau DTD pada HTML5 menjadi lebih sederhana: <!DOCTYPE html>.
  • Penulisan type atribut untuk tag <style> dan <script> tidak diperlukan pada HTML5. Hal ini karena secara default web browser akan menggunakan text/css untuk tag <style>, dan text/javascript untuk tag <script>. Sebagai contoh, untuk menggunakan external CSS, Pada HTML versi sebelumnya kita menuliskan tag <style> secara lengkap: <style type=”text/css”>…kode CSS… </style>, namun dalam HTML5 kita bisa membuatnya lebih sederhana: <style>…..kode CSS…..</style>.
  • Pada  HTML 5, tag yang berdiri sendiri (Void Element) tidak harus di tutup seperti dalam XHTML .Contoh : tag <br> (break) dapat di tulis dengan <br> ataupun <br/>.
  • Walaupun sebenarnya tidak di anjurkan tag pada HTML 5 boleh di tulis tanpa tag awal atau tanpa tag akhir. Sebagai contoh kita tidak perlu menutup tag <p> dengan tag </p>.
  • Penulisan tag di HTML 5 bersifat case-insensitiv Contoh tag <p> akan di anggap sama dengan tag <P>. Berbeda dengan XHTML penulisan tag harus dengan tag huruf kecil semua.
  • Penulisan meta tag karakter set (charset) pada HTML5 menjadi lebih sederhana: <meta charset=”utf-8″>, dibandingkan versi sebelumnya: <meta http-equiv=”content-type” content=”text/html;charset=UTF-8″ />. 
  • HTML 5 mendukung multimedia secara langsung menggunakan tag <audio> dan <video>.
  • HTML 5 hanya memiliki 1 versi, tidak seperti pendahulunya yang memiliki 3 versi (pada HTML 4 dan XHTML, anda akan menemukan versi strict, transitional, dan frameset).
Contoh struktur penulisan HTML 5

<!DOCTYPE HTML>
<html lang="en-US">
<head>
 <meta charset="UTF-8">
 <title></title>
</head>
<body>

</body>
</html>
  • HTML untuk header
Elemen header dalam html menggunakan tag <head>. Didalam tag <head> ini terdapat banyak elemen lainnya yang bisa dimasukkan. Maksud dari elemen <head> ini adalah hal yang paling pertama dibaca oleh browser sebelum isi halaman ditampilkan. 
<head>
   <title>Belajar HTML 5</title>
</head>
            Berikut SS tag nya
             Berikut SS Hasil akan muncul di jendela web paling atas

  • HTML untuk judul halaman
Elemen judul halaman html diawali dengan <title>. Elemen <title> ini akan muncul pada judul jendela halaman html.
<title>Website Pertamaku – Belajar HTML</title> 

  • HTML untuk tubuh halaman
Elemen untuk tubuh atau isi halaman di awali dengan <body>
Elemen ini bisa di gunakan untuk mendeskripsikan isi dari web tersebut
<body>
<h1>Ini blog pertama saya</h1>
<p>kali ini saya akan belajar HTML 5..........</p>
</body>
            Berikut SS tag nya
          Berikut SS hasil tampilan pada web

  • HTML untuk Heading
Elemen untuk membuat judul diawali dengan tag <h1> sampai <h6>
elemen di atas bisa di gunakan untuk mengatur besar kecilnya huruf 
huruf terbesar menggunakan <h1> dan terkecil <h6>.Maka semakin 
besar <h> maka semakin kecil huruf yang kan di tampilkan

<body>
<h1>Proposal</h1>
<h2>Bab 1</h2>
<h3>Pendahuluan</h3>
</body>
             Berikut SS tag nya
            Berikut SS hasil tampilan pada web

  • HTML untuk paragraf
 Elemen untuk membuat paragraf diawali dengan tag <p>
 Elemen ini di gunakan jika kita untuk membuat paragraf - paragraf baru.

<body>
<p>Ini adalah paragraf1..............</p>
<p>Ini adalah paragraf2..............</p>
<p>Ini adalah paragraf3..............</p>
</body>
            Berikut SS tag nya
             Berikut SS hasil pada tampilan web


Sekian dari saya mengenai sedikit tentang HTML 5.Tentunya banyak kekurangan dalam blog ini untuk itu saya mohon maaf yang sebanyak - banyaknya.

Referensi:http://w3schools.com/

Wassalamualaikum Wr.Wb 
Share:

1 komentar:

  1. MUHAMMAD TOFIK1 Oktober 2019 pukul 02.43

    Mantap bang blogny dan makasih juga ilmunya ane jadi tau html 5 deh jadinya. jangan lupa juga ya mampir di blog ane tentang Mengenal Tag html dasar thanks

    BalasHapus