BELAJAR HTML DARI NOL

HTML memang bahasa wajib yang dipelajari,bagi yang mau menjadi web developer

Saya yakin,kamu sudah mendengar HTML sebelumnya.Tapi tidak ada salahnya membaca kembali artikel ini

Pada tutorial ini,kita akan benar benar membahas dari nol hingga kamu bisa membuat halaman HTML sendiri.

Mari Kita Mulai

"APA itu HTML"

Mari Kita Lihat Pengertian HTML

HTML atau "HyperText MarkuP Languange" merupakan sebuah bahasa untuk membuat halaman web

Paham kan maksudnya?
Kalo belum paham,saya jelaskan lagi hehe

Jadi,HTML itu adalah sebuah bahasa yang menggunakan markup atau penanda untuk membuat halaman web

Penanda atau markup ini,yang sering disebut dengan Tag
Kalo diibiratkan sih....
HTML itu seperti batu bata untuk membangun sebuah rumah dan dapat disusun hingga menjadi fondasi tetapi masih dasar

Coba Perhatikan Gambar dibawah ini secara seksama hehehe

Bagaimana,nampak jelas bukan
Yupp Anda benar dilihat dari perbedaan gambar diatas sudah kelihatan bukan

Dalam membuat HTML tidak boleh sendirian,ada bahasa program lain untuk menjadi temannya agar bisa lengkap seperti halnya HTML tidak mungkin terpisahkan dari CSS dan Javascript

CSS

adalah bahasa khusus yang digunakan untuk memperindah web

Javascript

untuk membuat halaman menjadi hidup,karena dengan javascript kita dapat menentukan fungsi fungsi maupun efek yang diterapkan di website(responsive).
Misal ente dan teman teman ente ada 3 orang Pertama,ente bisa nyanyi, Kedua temen ente bisa gitar, Dan ketiga teman ente yang satunya pandai maen piano,coba untuk bermain sama sama hasilnya ajjibbb bukann.
Banyak sekali di kehidupan sehari kita bisa dijadikan sebagai contoh tapi cari sendiri hehehe,karena mimin juga sibuk di rumah
Pada tutorial ini,kita akan fokus dulu membahas HTML
Bagaimana sudah sedikit paham kan heheh
Mungkin msih ada benak yang kurang jelas bisa tanya di kolom komentar

Okay saya rasa sudah cukup mengerti perbedaan antara HTML,CSS dan Javasvript,

Sedikit Sejarah mengenai HTML

Sebelum ke step selanjutnya alangakah baiknya kita mengetahui asal usuh dari HTML itu?

Sejarah HTML atau Hypertext Markup Language telah menjadi teknologi utama untuk Web sejak awal tahun 1990-an. Tim Berners-Lee menciptakan HTML pada tahun 1989 sebagai cara sederhana namun efektif untuk mengkodekan dokumen elektronik. Bahkan, tujuan awal dari web browser adalah untuk melayani pembaca untuk membuka dokumen berformat HTML

Perkembangan HTML
Didalam HTML telah mengalami berbagai perkembangan dari tiap-tiap versinya. Berikut adalah versi-versi dari perkembangan HTML tersebut:

1.HTML Versi 1.0

HTML Versi 1.0 merupakan pionir yang di dalamnya masih terdapat banyak sekali kelemahan hingga wajar jika tampilan yang dihasilkan sangat sederhana. Kemampuan yang dimiliki versi 1.0 ini antara lain heading, paragraf, hypertext, list, serta cetak tebal dan miring pada teks. Versi ini juga mendukung peletakan image pada dokumennya tanpa memperbolehkan teks di sekelilingnya (wraping)

2.HTML Versi 2.0

Pada HTML Versi ini, penambahan kualitas HTML terletak pada kemampuannya untuk menampilkan suatu form pada dokumen. Dengan adanya form ini, kita dapat memasukkan nama, alamat, serta saran dan kritik. HTML versi 2.0 ini merupakan pionir dari adanya web interaktif.

3.HTML Versi 3.0

Versi HTML 3.0 menambahkan beberapa fasilitas baru seperti FIGURE yang merupakan perkembangan dari IMAGE untuk meletakkan gambar dan tabel. Selain itu, HTML ini juga mendukung adanya rumus-rumus matematika dalam dokumennya. Versi ini yang disebut HTML+- tidak bertahan lama dan segera digantikan dengan versi 3.2.

-HTML Versi 3.2

HTML versi ini merupakan HTML yang sering digunakan. Di dalamnya terdapat suatu teknologi untuk meletakkan teks di sekeliling gambar, gambar sebagai latar belakang, tabel, frame, style sheet dan lain-lain. Selain itu pada HTML versi ini Kita bisa menggunakan script di luar HTML untuk mendukung kinerja HTML kita tersebut, seperti Javascript, VBScript dan lain-lain.

4.HTML Versi 4.0

HTML ini memuat banyak sekali perubahan dan revisi dari pendahulunya yaitu HTML 3.2. Perubahan ini hampir terjadi di segala perintah HTML seperti tabel, image, link, text, meta, imagemaps, form dan lain-lain.

HTML Versi 4.01

HTML versi 4.01 merupakan revisi dari HTML 4.0. Versi terbaru ini memperbaiki kesalahan-kesalahan kecil (minor errors) pada versi terdahulunya. HTML 4.01 ini juga menjadi standarisasi untuk elemen dan atribut dari script XHTML 1.0.

5.HTML Versi 5.0

Teknologi ini mulai diluncurkan pada tahun 2009, tetapi pada tanggal 4 Maret 2010 terdapat sebuah informasi bahwa W3C (World Wide Web Consortium) dan IETF (Internet Engineering Task Force) yaitu sebuah organisasi yang menangani HTML sejak versi 2.0 telah mengmbangkan versi HTML terbaru, yaitu versi 5.0. HTML 5 adalah sebuah prosedur pembuatan tampilan web baru yang merupakan penggabungan antara CSS, HTML itu sendiri dengan JavaScript.

Beberapa kelebihan yang dimiliki oleh HTML5 adalah:

1.Cleaner code Karena sebagian besar kode telah termasuk di dalam sintaks HTML5, maka kode nampak terlihat lebih sederhana daripada penggabungan antara HTML, CSS dan Java Script.
2.Greater consistency HTML5 telah melakukan banyak sekali penambahan sintaks yang dibuat dalam struktur lebih baik dan lebih sederhana daripada sintaks-sintaks sebelumnya. Hal ini membuat developer terbantu dalam meningkatkan konsistensi dalam membangun sebuah web.
3.Improve Semantics Berbagai elemen kode di dalam HTML5 yang telah distandarisasi, maka nilai semantik dari sebuah web dapat lebih ditingkatkan. Itu berarti bahwa bagian-bagian dari web seperti header, nav, footer dan beberapa bagian lainnya terdefinisi dengan jelas maksud serta tujuannya. Selain itu juga terbentuk dalam sebuah “machine readible format”.
4.Improved Accessibility Teknologi HTML5 yang memudahkan struktur pembangunan sebuah web, maka developer dapat membangun pemahaman yang lebih detil mengenai halaman web.
5.Client-side Database HTML5 menyediakan model database SQL yang baru dengan API yang dapat dibangun dalam konsep lokal, dalam hal ini di sisi client.
6.Geolocation HTML5 mempunyai API yang terintegrasi terhadap geolocation, fasilitas tersebut dapat diakses melalui GPS atau fasilitas lain seperti Google Latitude pada iphone.
7.offline Aplication Cache Pengguna dapat terus melakukan interaksi dengan aplikasi meskipun mereka terputus dari jaringan internet.
8.Smarter Forms Terdapat semacam reguler expression (regex) yang membuat form mampu mengenali secara lebih baik tentang input, validasi data dan interaksi dengan elemen lain (misal : format email, password dll)
9.Sharper focus on Web Application Requiments HTML5 membuat sebuah mekanisme yang lebih mudah dalam hal pembuatan front end, aplikasi chat, tools drag and drop, video player, pengolah grafis dan masih banyak lagi

Mungkin cuman sekian yang bisa saya sampaikan terkait pengenalan HTML dan Sejarah HTML

Semoga Bermanfaat