See discussions, stats, and author profiles for this publication at: [Link]

net/publication/301772321

Modul Seputar HTML 5

Article · May 2016

CITATIONS READS

0 4,449

1 author:

Yopan Yuliana
UIN Sunan Gunung Djati Bandung
2 PUBLICATIONS 0 CITATIONS

SEE PROFILE

All content following this page was uploaded by Yopan Yuliana on 02 May 2016.

The user has requested enhancement of the downloaded file.

 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.
Kelompok Kerja Teknologi Aplikasi Web Hyperteks (Web Hypertext Application
Technology Working Group, WHATWG) mulai membuat standar baru ini pada tahun 2004
ketika Konsortium W3C sedang fokus pada pengembangan XHTML 2.0 di masa depan,
sementara HTML 4.01 belum pernah diperbarui sejak tahun 2000. Sejak tahun 2009, W3C
dan WHATWG bekerja sama dalam pengembangan HTML5 setelah W3C mengakhiri
Kelompok Kerja Pengembangan XHTML 2.0.
Meskipun HTML5 telah dikenal luas oleh para pengembang web sejak lama, HTML5
baru mencuat pada April 2010 setelah CEOApple Inc., Steve Jobs, mengatakan bahwa dengan
pengembangan HTML5, ''Adobe Flash sudah tidak dibutuhkan lagi untuk menyaksikan
video atau menyaksikan konten apapun di web."

Praktikum Pemrograman Internet

Muhammad Deden Firdaus, ST 1
Fitur baru di HTML5
Unsur-unsur semantik baru yang disediakan HTML5 adalah:
<article>
Unsur <article> digunakan untuk mendefinisikan item independen pada halaman
yang dapat didistribusikan sendiri, seperti sebuah berita, posting blog, atau komentar.
<section>
Elemen ini merupakan bagian dari sebuah dokumen atau aplikasi, seperti bab atau
bagian dari sebuah artikel atau tutorial. Misalnya, bagian Anda baca sekarang bisa
dikelilingi oleh elemen <section> di HTML5.
<nav>
Ini adalah wadah untuk link navigasi utama pada halaman Web
<aside>
Elemen baru ini dapat digunakan untuk menandai sebuah sidebar atau beberapa
konten lainnya yangdianggap agak terpisah untuk konten sekitarnya. Contohnya
adalah iklan
<hgroup>
Dalam beberapa kasus, halaman, artikel, atau bagian mungkin memerlukan lebih dari
satu pos, seperti di mana Anda memiliki judul dan subjudul.
<canvas>
Unsur ini adalah salah satu aspek yang paling penting dariHTML5 karena
memfasilitasi produksi grafik, permainan interaktif,aplikasi paint, dan grafis lain
dengan cepat tanpa memerlukan plug-in eksternal sepertiAdobe Flash.
<audio> dan <video>
Kedua unsur ini memungkinkan Developer Web untuk memasukkan konten
multimedia tanpa bergantung padapengguna untuk memiliki browser tambahan plug -
in diinstal.
Form web tambahan
Jika Anda telah membuat aplikasi Web sebelumnya, Anda lebih dari mungkin akrab
dengan HTML controls form, beberapa yang diimplementasikan menggunakan
<input> yang menggunakan elemen. Dalam HTML 4, jenis input berikut didukung:
 button  password
 checkbox  reset
 file  radio
 hidden  submit
 image  text

Macam - macam jenis input form baru di HTML 5:

 color  month
 date  number
 datetime  range
 datetime-local  search
 email  tel
 time  week
 url

Keunggulan HTML 5
1. Dapat ditulis dalam sintaks HTML (dengan tipe media text/html) dan XML.
2. Tersedianya canvas pada HTML 5
3. Embed Audio Video Secara Langsung
4. Integrasi yang lebih baik dengan aplikasi web dan pemrosesannya.
5. Integrasi (’inline’) MathML dan SVG dengan doctype yang lebih sederhana.
6. Penulisan kode yang lebih efisien.
7. Dapat dimengerti oleh browser lawas (backwards compatible). Sehingga istilah
‘deprecated’
8. tidak akan diperlukan lagi.
 Tag HTML

Nama Tag Keterangan / Kegunaan

<!DOCTYPE> Tag untuk menentukan tipe dokumen
<html> Tag untuk membuat sebuah dokumen HTML
<title> Tag untuk membuat judul dari sebuah halaman
<body> Tag untuk membuat tubuh dari sebuah halaman
<h1> to <h6> Tag untuk membuat heading
<p> Tag untuk membuat paragraf
<br> Memasukan satu baris putus
<hr> Tag untuk membuat perubahan dasar kata didalam isi
<!--...--> Tag untuk membuat komentar
Formatting
Tag untuk membuat sebuah akronim (tidak disupport lagi di
<acronym>
HTML5)
<abbr> Tag untuk membuat sebuah singkatan
<address> Tag untuk membuat kontak alamat
<b> Tag untuk membuat huruf bercetak tebal
Mengisolasi bagian dari teks yang dapat diformat dalam arah yang
<bdi>
berbeda dari teks lain di luarnya (tag baru HTML5)
<bdo> Mengganti arah teks
Tag untuk membuat text berhuruf besar (tidak disupport lagi di
<big>
HTML5)
<blockquote> Tag untuk membuat sebuah bagian text yang dikutip dari sumber lain
Tag untuk membuat jajaran teks menjadi ditengah (tidak disupport
<center>
lagi di HTML5)
<cite> Tag untuk membuat judul karya
<code> Tag untuk membuat potongan kode komputer di antara text
<del> Tag untuk membuat teks yang telah dihapus dari dokumen
<dfn> Tag untuk membuat sebuah istilah definisi
Tag untuk membuat penekanan teks (tidak disupport lagi di
<em>
HTML5)
Tag untuk membuat font, warna, dan ukuran untuk teks (tidak
<font>
disupport lagi di HTML5)
Tag untuk membuat sebuah bagian dari teks yang disesuaikan dengan
<i>
mood
<ins> Tag untuk membuat teks yang telah dimasukkan ke dalam dokumen
<kbd> Tag untuk membuat input keyboard
<mark> Tag untuk membuat teks yang disorot / ditandai (tag baru HTML5)
<meter> Tag untuk membuat pengukuran skalar
<pre> Tag untuk membuat teks terformat
<progress> Memperlihatkan kemajuan tugas (tag baru HTML5)
<q> Tag untuk membuat kutipan pendek
Tag untuk membuat apa yang harus ditampilkan di browser yang
<rp>
tidak mendukung penjelasan ruby (tag baru HTML5)
Tag untuk membuat sebuah anotasi / pengucapan karakter (untuk
<rt>
tipografi Asia Timur)
Tag untuk membuat sebuah anotasi ruby (untuk tipografi Asia Timur)
<ruby>
(tag baru HTML5)
<s> Tag untuk membuat teks yang tidak lagi benar
<samp> Tag untuk membuat contoh keluaran dari program komputer
<small> Tag untuk membuat teks kecil
Tag untuk membuat teks yang di coret tengah (tidak disupport lagi
<strike>
di HTML5)
<strong> Tag untuk membuat teks penting
<sub> Tag untuk membuat teks subskrip (seperti dalam penulisan Jat Kimia)
Tag untuk membuat teks superscripted (seperti dalam penulisan akar
<sup>
kuadrat)
<time> Tag untuk membuat tanggal / waktu (tag baru HTML5)
<tt> Tag untuk membuat teks teletype (tidak disupport lagi di HTML5)
Tag untuk membuat teks yang memiliki Gaya yang berbeda dari teks
<u>
biasa lainnya
<var> Tag untuk membuat sebuah variabel
<wbr> Tag untuk membuat kemungkinan garis-putus

Forms
<form> Tag untuk membuat sebuah form HTML untuk input pengguna
<input> Tag untuk membuat sebuah kontrol input
<textarea> Tag untuk membuat sebuah kontrol input multibaris (text area)
<button> Tag untuk membuat sebuah tombol yang dapat diklik
<select> Tag untuk membuat sebuah daftar drop-down
Tag untuk membuat sebuah kelompok pilihan yang terkait dalam
<optgroup>
daftar drop-down
<option> Tag untuk membuat pilihan dalam daftar drop-down
<label> Tag untuk membuat sebuah label untuk sebuah elemen <input>
<fieldset> Grup unsur terkait dalam bentuk
Tag untuk membuat sebuah caption untuk sebuah elemen <fieldset>,
<legend>
< figure>, atau <details>
Menentukan daftar pilihan yang telah ditetapkan untuk kontrol input
<datalist>
(tag baru HTML5)
<keygen> Tag untuk membuat key-pair generator kolom input (tag baru
 HTML5)
<output> Tag untuk membuat hasil penghitungan (tag baru HTML5)
Frames
Tag untuk membuat sebuah window (bingkai) dalam sebuah frameset
<frame>
(tidak disupport lagi di HTML5)
Tag untuk membuat satu set bingkai (tidak disupport lagi di
<frameset>
HTML5)
Tag untuk membuat sebuah konten alternatif untuk pengguna yang
<noframes>
tidak mendukung frame (tidak disupport lagi di HTML5)
<iframe> Tag untuk membuat sebuah bingkai
Images
<img> Tag untuk membuat gambar
<map> Tag untuk membuat gambar-peta
<area> Tag untuk membuat area dalam gambar-peta
Digunakan untuk menggambar grafik, melalui scripting (JavaScript )
<canvas>
(tag baru HTML5)
Tag untuk membuat sebuah caption untuk elemen <figure> (tag baru
<figcaption>
HTML5)
<figure> Menentukan konten mandiri (tag baru HTML5)
Audio/Video
<audio> Tag untuk membuat isi suara (tag baru HTML5)
Tag untuk membuat sumber beberapa media untuk elemen media
<source>
(<video> dan <audio>) (tag baru HTML5)
Tag untuk membuat trek teks untuk elemen media (<video> dan
<track>
<audio>) (tag baru HTML5)
<video> Tag untuk membuat sebuah video atau film (tag baru HTML5)
Links
<a> Tag untuk membuat hyperlink
Tag untuk membuat hubungan antara dokumen dan sumber daya
<link>
eksternal (paling sering digunakan untuk link ke style sheet)
<nav> Tag untuk membuat navigasi link (tag baru HTML5)
Lists
<ul> Tag untuk membuat daftar dengan selain nomor
<ol> Tag untuk membuat daftar dengan nomor
<li> Tag untuk membuat sebuah item daftar
Tag untuk membuat sebuah daftar direktori (tidak disupport lagi di
<dir>
HTML5)
<dl> Tag untuk membuat sebuah daftar definisi
<dt> Tag untuk membuat istilah (item) dalam daftar definisi
<dd> Defines a description of an item in a definition list
<menu> Tag untuk membuat deskripsi dari item dalam daftar definisi
 Tag untuk membuat sebuah tombol perintah bahwa seorang pengguna
<command>
dapat meminta (tag baru HTML5)
Tables
<table> Tag untuk membuat tabel
<caption> Tag untuk membuat sebuah caption tabel
<th> Tag untuk membuat sebuah sel header tabel
<tr> Tag untuk membuat baris dalam sebuah tabel
<td> Tag untuk membuat sel dalam sebuah tabel
<thead> Mengelompokan isi header dalam sebuah tabel
<tbody> Mengelompokanisi tubuh dalam sebuah tabel
<tfoot> Mengelompokan isi footer dalam sebuah tabel
Menentukan properti kolom untuk setiap kolom dalam elemen
<col>
<colgroup>
Menentukan kelompok dari satu atau lebih kolom dalam sebuah tabel
<colgroup>
untuk diformat
Style/Sections
<style> Tag untuk membuat informasi style untuk dokumen
<div> Tag untuk membuat sebuah bagian dalam dokumen
<span> Tag untuk membuat sebuah bagian dalam dokumen
Tag untuk membuat sebuah header untuk dokumen atau bagian (tag
<header>
baru HTML5)
Tag untuk membuat footer untuk dokumen atau bagian (tag baru
<footer>
HTML5)
Pengelompokan elemen heading (<h1> sampai <h6>) (tag baru
<hgroup>
HTML5)
<section> Tag untuk membuat bagian dalam dokumen (tag baru HTML5)
<article> Tag untuk membuat sebuah artikel (tag baru HTML5)
Tag untuk membuat konten lain selain dari konten halaman (tag baru
<aside>
HTML5)
Tag untuk membuat rincian tambahan yang pengguna dapat lihat atau
<details>
sembunyikan (tag baru HTML5)
Tag untuk membuat sebuah kotak dialog atau jendela (tag baru
<dialog>
HTML5)
Tag untuk membuat sebuah judul terlihat untuk elemen <detil> (tag
<summary>
baru HTML5)
Meta Info
<head> Tag untuk membuat informasi tentang dokumen
<meta> Tag untuk membuat metadata tentang dokumen HTML
Menentukan URL dasar / target untuk semua URL relatif dalam
<base>
dokumen
<basefont> Menentukan standar warna, ukuran, dan font untuk semua teks dalam
 dokumen (tidak disupport lagi di HTML5)
Programming
<script> Tag untuk membuat script di sisi klien
Tag untuk membuat sebuah konten alternatif bagi pengguna yang
<noscript>
tidak mendukung script di sisi klien
Tag untuk membuat sebuah java applet yang ditanam (tidak
<applet>
disupport lagi di HTML5)
Tag untuk membuat sebuah wadah untuk aplikasi eksternal (non-
<embed>
HTML) (tag baru HTML5)
<object> Tag untuk membuat sebuah objek yang ditanam
<param> Tag untuk membuat sebuah parameter untuk objek

View publication stats