-->

Belajar HTML - Pendahuluan / Pemula






Pengertian Html



HTML adalah singkatan dari Hyper Text Markup Language, Dokumen HTML mirip dengan dokumen tulisan biasa dapat di buat dengan teks editor, hanya saja dalam dokumen ini sebuah tulisan bisa memuat instruksi yang ditandai dengan kode atau lebih dikenal dengan TAG tertentu. Dokumen Html digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet (browser) dan pemformatan hiperteks sederhana. Berikut penjelasan dari tiap-tiap kata yang membentuk singkatan HTML:







  • Hypertext adalah sebuah teks yang apabila diklik akan membawa kita pergi dari satu dokumen ke dokumen lainnya. Dalam prakteknya, Hypertext berwujud sebuah link yang bisa mengantar kita kedunia internet yang sangat luas 

  • Markup adalah tag (semacam kode) yang mengatur layout dan tampilan-tampilan visual yang kita lihat di sebuah website, termasuk font, warna teks, gambar dan sebagainya. 

  • Language yang merupakan penunjuk bahwa HTML adalah semacam script pemograman.





Salah satu kegunaan HTML



- Membungkus element-element tertentu sesuai kebutuhan

- Membuat heading atau format judul

- Membuat Tabel

- Membuat List

- Membuat Paragraf

- Membuat  Form

- Membuat Tombol

- Membuat Garis

- Membuat huruf tebal

- Membuat huruf miring

- Menampilkan gambar

- Menampilkan video

- Dan banyak masih lainnya..






Sturktur HTML :










Basic HTML Document



Pertama buka Text Editor bisa menggunakan Notepad atau software Editor Text lainnya yang kamu miliki lalu kamu copy script jika kamu ingin mencoba nya di bawah ini :

 <!DOCTYPE html>  
<html>
<head>
<title>Ini adalah judul</title>
</head>
<body>
<h1>Ini adalah headling</h1>
<p>Konten dokumen ada disini.....</p>
</body>
</html>


Jika sudah lalu kamu Save dan beri nama terserah kamu dan jangan lupa berikan akhiran atau extension pada dokumen yang kamu buat dengan .htm atau .html contoh misal nya di beri nama belajar.html setelah itu kamu save kemudian buka dokumen tersebut.




Penjelasan :



<!DOCTYPE html> Yaitu mendeklarasi atau mendefinisikan bahwa dokumen ini menjadi HTML5


<html> </html> Adalah elemen elemen akar halaman HTML


<head> elemen berisi informasi meta tentang dokumen



<title> elemen menentukan judul untuk dokumen


<body> elemen berisi konten halaman yang terlihat


<h1> elemen mendefinisikan judul besar


<p> elemen mendefinisikan sebuah paragraf





Tag HTML adalah nama dari sebuah elemen yang di apit tanda kurung siku, tag pada HTML biasanya selalu berpasangan seperti contoh <p> dan </p> Tag pertama dalam pasangan itu adalah tag awal dan tag kedua disebut tag akhir. Pada HTML tag akhir ditulis sama saja seperti tag awal, akan tetapi dengan garis miring yang disisipkan sebelum nama tag sebagi penutup dari sebuah elemen HTML.




Versi HTML



Perkembangan HTML dari awal hingga saat ini :











HTML versi 1.0



Kemampuan yang dimiliki :



- heading

- paragraph

- hypertext

- list

- cetak tebal dan mirin pada teks



Versi ini juga mendukung peletakan gambar pada dokumennya tanpa memperbolehkan meletakkan teks disekelilingnya.



HTML versi 2.0



Pada versi ini penambahan kualitas HTML terletak pada kemampuannya untuk menampilkan suatu form pada dokumen. Dan dengan adanya form ini, maka kita dapat memasukkan nama, alamat, serta saran/kritik. HTML versi 2.0 ini merupakan pionir dari adanya homepage interaktif.



HTML versi 3.0



HTML versi 3.0 menambahkan beberapa fasilitas baru seperti table. Versi ini yang disebut juga sebagai HTML+ tidak bertahan lama dan segera digantikan HTML vers 3.2.



HTML versi 3.2



Penyempurnaan dari HTML versi 3.0 berada pada versi 3.2 ini, keluarnya versi ini dikarenakan adanya beberapa kasus yang timbul pada pengembang browser yang telah melakukan pendekatan dengan cara lain yang justru hal tersebut menjadi popular. Maka dibakukan versi 3.2 untuk mengakomodasi praktek yang banyak digunakan oleh pengembang browser dan diterima secara umum. Dapat dikatakan versi 3.2 ini merupakan versi 3.2 yang dikembangkan oleh beberapa pengembang browser seperti Netscape dan Microsoft.



HTML versi 4.0



HTML versi 4 ini memuat banyak sekali perubahan dan revisi dari pendahulunya. Perubahan ini terjadi di hampir segala perintah-perintah HTML seperti :



 - table

- image

- link

- text meta

- imagemaps

- form, dan lain-lain.



HTML versi 4.01



HTML versi 4.01 menjadi rekomendasi W3C. HTML 4.01 adalah minor update, koreksi dan perbaikan bug dari HTML 4.0.



HTML versi 5



Versi ini memiliki banyak sekali fitur baru yaitu :



- Unsur kanvas untuk menggambar

- Video dan elemen audio untuk media pemutaran

- Dukungan yang lebih baik untuk penyimpanan secara offline

- Elemen konten yang lebih spesifik seperti artikel, footer, header, nav, section

- Bentuk kontrol form seperti kalender, tanggal, waktu, email, url, search.


0 Response to "Belajar HTML - Pendahuluan / Pemula"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel