Belajar HTML5 dengan Mengenal Apa Itu HTML5

Belajar HTML5 Apa Itu HTML5. membuat dan membangun sebuah website

Belajar HTML5 Apa Itu HTML5 – Tutorial Web. Orang sering berpikir bahwa sangat sulit untuk membuat dan membangun sebuah website. Pikiran seperti itu tidaklah seratus persen benar! Siapapun bisa membuat website. Dan jika Anda membaca dan terus belajar, Anda akan berhasil membangun sebuah website hanya dalam satu jam.

Ada juga yang percaya – dan yang ini sama kelirunya - perangkat lunak mahal dan canggih dibutuhkan untuk membuat situs web. Memang benar ada banyak program berbeda yang mengklaim bisa membuat situs web untuk Anda. Tapi jika Anda ingin melakukannya dengan benar, maka Anda harus belajar melakukannya sendiri. Untungnya, untuk membangun sebuah website cukup sederhana dan gratis dan Anda sudah memiliki semua perangkat lunak yang Anda butuhkan.

Tutorial HTML5 - Apa Itu HTML5

Tutorial HTML5 ini dimulai dari awal dan sama sekali tidak membutuhkan pengetahuan pemrograman sebelumnya.

Tujuan dari tutorial ini adalah untuk memberi Anda pengenalan yang mudah namun menyeluruh dan benar tentang bagaimana membuat situs web di HTML5. HTML5 adalah versi terbaru dari HTML.

Jika Anda sudah mengerti HTML dan telah membuat situs web dasar, Anda dapat langsung mengikuti pelajaran tentang fitur menarik baru di HTML5. Namun pada kesempatan kali ini kita akan pelajari keduanya, baik HTML maupun HTML5.

Tutorial tidak bisa memberikan segalanya bagi anda tapi akan memberi Anda landasan yang bagus dalam hal dasar dan akan memberikan kesempatan bagi anda untuk mulai bereksperimen dengan segala kemungkinan. Jangan khawatir - belajar bagaimana membuat situs web sangat menyenangkan dan memberi banyak kepuasan saat Anda melakukannya dengan benar.

Bagaimana Anda memilih untuk menggunakan tutorial HTML dan tutorial HTML5, semuanya terserah Anda? Tapi kami sarankan Anda hanya membaca dua atau tiga tutorial HTML5 dalam sehari dan luangkan waktu untuk bereksperimen dengan hal-hal baru yang Anda pelajari di setiap tutorial web development ini.

Apa yang bisa anda dapatkan pada Serial Tutorial Web Development ini ?

• Dengan HTML Anda bisa membuat situs Web sendiri.
• Tutorial ini mengajarkan segala sesuatu tentang HTML.
• HTML mudah dipelajari - Anda akan menikmatinya.

Apakah itu HTML5, apa sich bedanya dengan HTML yang sudah sering kita dengar atau bahkan sudah kita pelajari sebelumnya. mungkin saja banyak dari kita yang belum begitu mengetahui mengenai HTML5 ini, mulai dari tag-tag baru yang berada di dalamnya ataupun berbagai kelebihan yang dipunyainya dibanding dengan versus HTML yang sudah ada lebih dulu. Pada saat ini, kita akan coba jabarkan tentang beberapa dasar dari HTML5 ini, mulai dari tag-tag nya serta beberapa feature baru yang di tawarkan pada HTML5.

HTML5 bukanlah suatu bahasa pemrograman, tetapi merupakan satu bahasa markah untuk menstrukturkan serta menghadirkan isi dari World Wide Situs (WWW), satu tehnologi core dari Internet. HTML5 yaitu revisi ke-5 dari HTML serta sampai sekarang ini masih tetap dalam pengembangan serta selalu di sempurnakan.

HTML5 yaitu versi paling baru dari Hypertext Markup Language, sesungguhnya HTML adalah satu dari 3 jenis kode yang perlu di pakai untuk membuat atau membentuk susunan situs yang bagus, kode : HTML, yang membuat susunan, Cascading Model Sheets (CSS), yang memberikan sentuhan penampilan, serta JavaScript, yang membuat suatu event berlangsung.

HTML5 di desain untuk memberikan hampir semua yang Anda ingin kerjakan dengan on-line tanpa anda membutuhkan software tambahan seperti plugin browser. Apapun itu, baik aplikasi, game, musik, responsive situs serta movie bahkan juga Anda bisa membuat aplikasi yang begitu rumit yang bekerja di browser Anda dengan menggunakan HTML 5.

Feature baru seperti video playback serta penggunaan drag-and-drop sudah semakin mudah, yang sebelumnya bergantung kepada pihak ke-3 plug-in browser seperti Adobe Flash, Microsoft Silverlight, serta Google Gears. 

Tujuan yang paling utama dalam pengembangan HTML5 yaitu untuk melakukan perbaikan tehnologi HTML yang lebih awal supaya mensupport tehnologi multimedia yang paling baru, gampang di baca oleh manusia dan gampang dipahami oleh mesin. 

HTML5 adalah hasil project besar dari W3C (World Wide Web Consortium) serta WHATWG (Web Hypertext Application Technology Working Group). Di mana WHATWG bekerja dengan bentuk situs serta aplikasi serta W3C adalah pengembang dari XHTML 2. 0 pada th. 2006, lalu mereka mengambil keputusan untuk bekerja bersama serta membuat versus baru dari HTML yakni HTML5.

HTML5 baru mencuat pada April 2010 sesudah CEO Apple Inc., Steve Jobs, menyebutkan kalau dengan pengembangan HTML5, " Adobe Flash telah tidak diperlukan sama sekali untuk melihat video atau melihat content apa pun di web. "

Berita itu kelihatannya membawa angin segar pada beberapa pengembang untuk secepatnya mewujudkan HTML5 ini, pastinya tanpa adanya Adobe Flash, beberapa pemakai internet juga akan terasa semakin nyaman untuk berinternet ria tanpa harus ribet instalasi aplikasi sebelum menikmati beberapa content yang ada di internet. 

Sesudah melewati sistem yang cukup panjang, semua browser paling utama (Chrome, Safari, Firefox, Opera, IE) saat ini dapat mensupport HTML5, hingga tehnologi HTML paling baru bisa dipakai dengan sebaik-baiknya.

HTML5 sesungguhnya telah mulai di kenal oleh orang-orang pada tahun 2010, walau telah di kenal sejak lama oleh beberapa pengembang situs tetapi masih saja sedikit orang yang memakai berbagai keunggulan feature HTML5 itu. Dengan terdapatnya pengembangan HTML5, adobe flash sudah tidak diperlukan sama sekali untuk melihat video atau content apa pun di halaman web.

Baca Juga : Serial Tutorial Oracle PL / SQL

Dukungan Browser

Versus paling baru dari Apple Safari, Google Chrome, Mozilla Firefox serta Opera, semuanya sudah mensupport banyak feature HTML5 serta Internet Explorer 9. 0 akan mempunyai support untuk fungsi-fungsi HTML5.

Web browser seluler yang bisa diinstal pada iPhone, iPads, serta hp Android semuanya mempunyai support yang begitu baik untuk HTML5.

Apa yang Baru pada HTML5?

HTML5 mengenalkan beberapa elemen serta atribut baru yang menolong dalam membuat satu website situs modern. Di bawah ini feature feature yang terutama yang dikenalkan pada HTML5 : 

New Semantic Elements : Ini seperti pada elemen header, footer, and section.

Forms 2. 0 : Perbaikan form situs HTML dimana atribut baru sudah dikenalkan yaitu tag input.

Persistent Local Storage : Untuk menyingkirkan ketergantungan pada plugin pihak ke-3.

WebSocket : Satu generasi tehnologi komunikasi dua arah paling baru untuk aplikasi situs. 

Server-Sent Moments : mengenalkan even yang mengalir dari web server ke web browser yang dinamakan Server-Sent Moments (SSE). 

Canvas : Ini mensupport gambar surface dua dimensi yang bisa diprogram dengan JavaScript. 

Audio & Video : Anda bisa menanamkan /embed audio atau video pada halaman situs Anda tanpa perlu menggunakan plugin pihak ke-3. 

Geolocation : Pengunjung bisa memilih untuk sharing tempat fisik mereka dengan aplikasi web Anda.. 

Microdata : Ini sangat diperlukan ketika Anda membuat kosakata Anda sendiri diluar HTML5 serta memperluas halaman situs Anda dengan custome semantics. 

Drag and drop : Drag serta drop item dari satu tempat ke tempat lain pada halaman situs yang sama.

Kompatibilitas HTML5

HTML5 didesain, sebanyak-banyaknya, pasti cocok dengan web browser yang ada. Feature baru membuat feature yang ada serta sangat mungkin Anda untuk menyediakan content lama untuk browser yang lama. 

Dianjurkan untuk mendeteksi support individu untuk feature HTML5 dalam memakai sebagian baris JavaScript. 

Bila Anda tidak punya kebiasaan dengan versi lama dari HTML, kami juga akan mereferensikan bagi anda untuk membaca tulisan – tulisan tentang HTML.

Daftar Tag-tag baru di HTML5

Tag	Description
<article>	Mendefinisikan sebuah artikel
<aside>	Mendefinisikan konten selain dari konten halaman/post
<audio>	Mendefinisikan konten audio
<canvas>	Digunakan untuk menggambar grafik, on the fly, melalui scripting (biasanya menggunakan JavaScript)
<command>	Mendefinisikan tombol perintah untuk dapat memanggil
<details>	Mendefinisikan rincian tambahan bahwa pengguna dapat melihat atau menyembunyikan
<datalist>	Menentukan daftar pilihan standar untuk kontrol input
<embed>	Mendefinisikan sebuah wadah untuk aplikasi eksternal (non-HTML)
<header>	Mendefinisikan sebuah dokumen atau bagian header
<figure>	Menentukan konten mandiri
<footer>	Mendefinisikan sebuah dokumen atau bagian footer
<hgroup>	Groups heading (<h1> to <h6>) elemen
<mark>	Mendefinisikan teks yang ditandai / disorot
<output>	Mendefinisikan hasil penghitungan
<source>	Mendefinisikan beberapa sumber media untuk elemen media (<video> dan <audio>)
<summary>	Mendefinisikan sebuah visible heading untuk elemen <details>
<time>	Mendefinisikan tanggal / waktu
<video>	Mendefinisikan sebuah video atau film
<section>	Mendefinisikan bagian dalam dokumen

Baca Juga :  Serial Tutorial Mobile Application Menggunakan Framework7

Tag yang sudah tidak dipakai dalam HTML5

Tag	Description
<acronym>	Mendefinisikan sebuah akronim
<basefont>	Menentukan warna standar, ukuran, dan font untuk semua teks dalam dokumen
<big>	Mendefinisikan ukuran teks besar
<center>	Mendefinisikan posisi teks dicenter
<dir>	Mendefinisikan direktori list
<font>	Mendefinisikan font, warna, dan ukuran untuk teks
<frame>	Mendefinisikan sebuah window (frame) dalam sebuah frameset
<frameset>	Mendefinisikan satu set frame
<strike>	Mendefinisikan teks strikethrough
<noframes>	Mendefinisikan sebuah konten alternatif bagi pengguna bahwa konten tidak mendukung frame
<applet>	Mendefinisikan sebuah applet embed

Contoh Tutorial HTML dan HTML5

Berikut ini adalah contoh dari syntax HTML ataupun dasar HTML5 :

<html>

<head>

<title>Page Title</title>

</head>

<body>



<h1>

Ini adalah Contoh Heading 1 HTML</h1>

Ini adalah Contoh Paragraph dalam HTML.<br />





</body>

</html>

Demikian pengetahuan awal mengenai apa itu HTML5. Serial belajar HTML5 untuk web development. Apakah artikel ini cukup bermanfaat bagi anda? Kalau anda rasa demikian, silahkan share artikel ini.

Sampai berjumpa kembali pada sesi-sei belajar HTML5 bersama yang lain ..

Refference :

html5 tutorial, html5 example, html5 android, belajar html5, tutorial html5, html5 browser, html5 tag, apa itu html5