Studi Informatika

Panduan Pembelajaran Ilmu Teknologi & Komputer

Saturday, April 7, 2018

HTML 5

 
=> Kelebihan HTML 5 :
1. Fitur baru element multimedia. Untuk Audio dan Video
2. kode html lebih sederhana.
3. <!doctype html>


=> Subscript/Superscipt
1. Subscipt :  Teks yang berukuran kecil dibawah standar.  <sub> .... </sub>
2. Superscipt : menampilkan teks mengambang pada bagian atas. <sup>... </sup>

=> Monospace/Preformatted Font
Monospace Font : perintah yang digunakan untuk pengaturan font, atu font-font yang mengandung huruf dengan jarak spasi sama antara satu huruf dengan huruf lainnya.
Biasanya digunakan untuk menulis kode program dengan menambahkan <code>, atau <kbd> diartikan dengan keyboard.
Preformatted Font <pre> untuk rata kiri dan rata kanan.
 

=> Fitur-Fitur baru HTML 5
Html 5 dapat ditulis demgam cara HTML ataupun XHTML. Fitur-fitur baru dalam HTML yang wajib diketahui :
1. Unsur Canvas untuk gambar
2. Bentuk kontrol form seperti kalender, tanggal, waktu, email, url, dan search
3. Elemen konten yang lebih spesifik, seperti artikel, footer, header, navigasi dan section.
4. Dukungan yang lebih baik untuk penyimpanan secara offline.
5. Dukungan untuk pemutaran video dan audio
  
 
=> Element-element baru dalam HTML :
1. Section serupa H1-H6
2. Article, bisa berupa entri blog ataupun tulisan konten
3. Aside, menyajikan konten pelengkap
4. Header, digunakan untuk judul, deskripsi, bahkan nav  untuk navigasi
5. Footer, digunakan untuk bagian bawah web yang digunakan untuk menerangkan informasi copyright (hak cipta), perusahaan, nama pembuat, kontak dan sebagainya.
6. Dialog, yang dikombinasikan dengan dt dan dd, digunakan untuk menyajikan percakapan.
7. Penggunaan element figure, video, audio, source, embed, canvas, dan element-element lain yang berkaitan dengan multimedia.
 
 => Figure / Figure Caption
Untuk menampung /meletakkan tag <img> agar dapat tersusun secara rapih. Dan <figurecaption> untuk menuliskan/memberikan keterangan pada gambar.

 
=> Header/article/aside/footer/section
1.<Header>, untuk area header (bagian atas sebuah halaman web)
2.<article>, untuk meletakkan artikel atau tulisan dihalaman web.
3.<aside>, penambah informasi utama didalam halaman web, biasanya berupa peringatan, catatan, dll
4.<footer>, untuk area footer yang biasanya digunakan untuk menulis copyright, nama perusahaan, dll
5.<section>, menentukan seleksi dokumen, misalnya bagian yang mendefinisikan profil, kontak, berita, dll.
  
 
AUDIO
Pada HTML 5 menyediakan box sendiri untuk audio, dengan tag <audio>. Browser mozilla 3.5 ke atas.
Format dasar :
<audio controls =“controls”>
<source src=“namalagu.mp3” type=“audio/mp3” />
</audio>
- <source src> adalah fungsi pemanggil audio yang ingin diputar, jadi sesuaikan dengan lokasi tempat dimana audio yang ingin diputar itu berada.


VIDEO
Tag <video>
Format dasarnya :
<video controls=“controls”>
<source scr=“movie.ogg” type=“video/ogg”    />
<source src=“movie.mp4” type=“video.mp4 “    />
<source src=“movie.webm” type=“video/webm”   />
Web browser tidak mendukung tag video HTML 5
</video>
 
 

Terima Kasih........

Saturday, April 7, 2018 April 07, 2018 - tanpa komentar

No comments:

Post a Comment