Your SlideShare is downloading. ×
0
Html 5
Html 5
Html 5
Html 5
Html 5
Html 5
Html 5
Html 5
Html 5
Html 5
Html 5
Html 5
Html 5
Html 5
Html 5
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Html 5

293

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
293
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
15
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. HTML 5 By Dyah Noviati Kusumaningrum
  • 2. PENGERTIAN, KONSEP ,SEJARAH DAN FUNGSI HTML Pengertian dan konsep HTML itu sendiri adalah bahasa dari Worl Wide Web (www) yang dipergunakan utntuk menyusun dan membentuk dokumen agar dapat ditampilkan pada program web browser. HTML juga dapat disebut sebagai protocol yang digunakan untuk mentransfer data atau dokumen dari web server ke browser. HTML dibuat oleh kolaborasi Caillau TIM dengan Berners-lee robert ketika mereka bekerja di CERN pada tahun 1989 (CERN adalah lembaga penelitian fisika energi tinggi di Jenewa).
  • 3. Ada 2 fungsi utama dalam HTML yaitu : 1. Membentuk tata letak document, dalam hal ini menentukan jenis huruf, gambar, dan komponen dokumen lainnya. 2. Menentukan hubungan ke dokumen lain, HTML merupakan suatu bahasa pemrograman yang termasuk dalam kategori SGML (Standart Generalized Markup Language) dimana bentuknya merupakan standar ASCII yang berisi kode-kode untuk mengatur dokumen.
  • 4. DEFINISI, SEJARAH DAN TUJUAN HTML5 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.
  • 5. PERBEDAAN HTML5, APLIKASI, FITURFITUR DALAM HTML5 DAN IMPLEMENTASINYA Beberapa peraturan untuk HTML5 telah ditubuhkan: a) Ciri-ciri baru perlu berdasarkan HTML, CSS, DOM, dan JavaScript b) Mengurangkan keperluan untuk plugins luaran (seperti Flash) c) Kesilapan yang lebih baik pengendalian d) Markup Lebih untuk menggantikan skrip e) HTML5 harus peranti bebas f) Proses pembangunan perlu dilihat kepada orang awam
  • 6. Aplikasi HTML5 Dengan HTML5, pembangunan aplikasi web adalah lebih mudah berbanding sebelum ini : a) Penyimpanan data Lokal b) Fail akses tempatan c) Tempatan SQL pangkalan data d) Cache aplikasi e) Javascript pekerja f) XHTML HttpRequest 2
  • 7. Pengembangan pada HTML 5 meliputi fitur - fitur yang telah di perbaharui dan diganti dengan yang lebih baik seperti : • Canvas • Video dan Audio • Local Storage • Web Workers • Semantics
  • 8. KELEBIHAN DAN MANFAAT SERTA KEKURANGAN PENGGUNAAN HTML5 Manfaat dan kelebihan HTML5 antara lain : • Dukungan suara dan video • Peningkatan membentuk elemen objek • Geo-Lokasi • User-friendly interface Kekurangan HTML5 adalah : HTML5 tidak dapat diandalkan dalam hal format karena web browser yang berbeda karena mereka tidak mendukung salah satu format tunggal. diambil dari situs orang pandai cerita
  • 9. ELEMEN HTML5 YANG SERING DIGUNAKAN: 1. <header> Elemen header sebagaimana dengan terjemahannya yang berkaitan dengan “kepala” memiliki arti atas, bagian atas dari dokumen, layout dlsb. Di dalam header ini bisa saja berisi elemen lain seperti <hgroup>, <h1> sampai <h6>, <nav>, metadata dlsb 2. <hgroup> Elemen <hgroup> digunakan untuk title dan subtitle dengan tag heading seperti <h1>-<h6>.
  • 10. 3. <nav> Elemen baru ini digunakan untuk menu navigasi. <nav> dapat digunakan diluar maupun didalam elemen lainnya, seperti didalam <aside> atau <header> maupun <footer>. 4. <section> Seperti <div> yang berfungsi sebagai box atau pengelompokan beberapa elemen, akan tetapi sebenernya tidak sama dengan <div>. section adalah elemen yang digunakan untuk ngelompokkan beberapa elemen yang sejenis. 5. <article> Tag ini digunakan untuk menampilkan satu artikel penuh dalam halaman html. Untuk memepermudah pemahaman, bayangkan saja perngertian dari artikel. Artikel biasanya terdiri dari Judul, mungkin sub judul, catatan dan deskripsi.
  • 11. 6. <footer> Tag <footer>, berlawanan arti dengan tag <header>. Tag ini memang digunakan di bagian bawah sebuah halaman html dokumen maupun didalam elemen html. Isi dari tag <footer> bisa berupa info konten seperti copyright, author website atau navigasi. 7. <figure> dan <figcaption> Menampilkan gambar dapat memanfaatkan tag <figure>, sedangkan tag <figcaption> adalah caption dari gambar tersebut. Jika mengkiuti aturan semantik yang sebenarnya <figure> ini digunakan untuk menampilkan gambar dalam suatu artikel, dimana gambar terbut berkaitan/ada hubungannya dengan konten artikel.
  • 12. Bagian Head Bagian head HTML5 digunakan untuk menyimpan berbagai informasi mengenai isi dokumen tersebut. Paling sedikit, bagian head harus mengandung judul dokumen. Judul dokumen ini diapit oleh tag <title> dan </title> serta akan ditampilkan pada bagian title bar browser. Selain judul dokumen, bagian head dapat mengandung informasi-informasi berikut: • Metadata: berisi berbagai data tambahan tentang dokumen HTML5 seperti nama pengarang/penulis, tanggal publikasi, deskripsi isi dokumen, kata kunci, dan lain-lain. Informasi ini dinyatakan oleh tag <meta> saja, tanpa tag penutup </meta>. • Base URL: menentukan basis lokasi untuk link-link yang ada pada dokumen. Informasi ini dinyatakan oleh tag <base> saja, tanpa tag penutup </base>. • Link: menentukan link ke dokuman lain yang terkait erat dengan dokumen HTML5, misalnya skrip CSS yang digunakan dalam desain halaman web. Informasi ini dinyatakan oleh tag <link> saja, tanpa tag penutup </link>.
  • 13. • Objek: berisi informasi mengenai objek yang mungkin ada pada dokumen HTML5. Objek yang mungkin terkandung pada dokumen HTML5 antara lain adalah video, audio, dan animasi flash. Informasi ini dinyatakan dengan diapit oleh tag <object> dan </object>. • Skrip: berisi informasi mengenai skrip pemrograman yang mungkin ada pada dokumen HTML5. Skrip pemrograman ini umumnya bersifat client-side seperti JavaScript. Informasi ini dinyatakan dengan diapit oleh tag <script> dan </script>. • Style: berisi informasi mengenai desain halaman web dalam format CSS yang langsung dituliskan di bagian head, bukan pada dokumen terpisah. Jika hendak dituliskan pada dokumen terpisah, gunakan link. Informasi ini dinyatakan dengan diapit oleh tag <style> dan </style>.
  • 14. Bagian Body Bagian body HTML5 merupakan bagian yang nantinya diterjemahkan dan ditampilkan oleh browser. Di bagian inilah terkandung berbagai tag yang menyatakan desain dokumen HTML. Jadi bisa dibayangkan pastilah akan banyak terdapat tag HTML yang bisa digunakan di bagian ini. Yang pertama adalah paragraf. Sebuah dokumen yang terstruktur dengan baik pastilah terdiri dari beberapa paragraf. Untuk memisahkan antara satu paragraf dengan paragraf yang lain digunakan tag <p>. Tag ini harus ditutup dengan pasangannya, yaitu </p>. Untuk sekedar ganti baris tanpa ganti paragraf, digunakan tag <br>. Karena tag ini tidak memiliki pasangan maka ditulis dengan <br />. Ganti baris pada dokumen HTML5 perlu diberi tag sendiri karena meski pada kode HTMLnya ganti baris tetapi browser tidak akan menampilkannya pada baris terpisah.
  • 15. THANKS

×