Monday, November 19, 2018

Sejarah dan Sturktur Dokumen HTML5 dan Tag Dasar Part 1 Version Belajar Coding Bareng



Sejarah HTML5
HTML singkatan dari HyperText Markup Language, dan merupakan halaman web. Jika Anda melihat sumber 99% dari halaman web di luar sana (menggunakan “Source” dari menu “View”), Anda dapat melihat coding mentah Dengan Cara Klick Kanan Lalu Pilih Inspect atau anda Bisa Melalukan Perintah Kombinasi Keybord Ctrl + Shift + I Secara Bersamaan.

Perkembangan HTML
1. HTML versi 1.0
HTML ini di ciptakan pada tahun 1989,kemampuan yang dimiliki versi 1.0 ini antara lain heading, paragraph, hypertext, list, serta cetak tebal dan miring pada teks. Versi ini juga mendukung peletakan image pada dokumennya tanpa memperbolehkan meletakkan teks disekelilingnya (wrapping).


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

3.HTML versi 3.0
HTML versi 3.0 menambahkan beberapa fasilitas baru seperti table,ini di rilis pada tahun 1997, versi ini yang disebut juga sebagai HTML+ tidak bertahan lama dan segera digantikan HTML versi 3.2.

4. HTML versi 4.0
Ini merupakan HTML versi terakhir pada saat sumber ini diambil. HTML 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.
Kemudian,  lahir HTML versi 4.01 yang dikeluarkan secara resmi oleh W3C pada tanggal 24 April 1998. HTML 4.01 menjadi standart pada tahun 1999. HTML 4.01 merupakan perbaikan dari HTML versi 4.0 yang terlebih dahulu diterbitkan (18 Desember 1997). HTML versi HTML 4.01 masih
standart resmi sampai sekarang ini .

5. HTML 5.0
HTML5 adalah versi terbaru dari HTML yang dibuat oleh World Wide Web Consortium (W3C). Konsep pertamanya sudah dipublikasikan pada tahun 2008, tetapi tidak banyak yang menggunakannya hingga tahun 2011. Pada tahun 2011, HTML 5 diterbitkan sepenuhnya dan orang-orang mulai menulis dan menggunakannya. HTML5 merupakan suksesor dari HTML 4.01 yang diterbitkan pertama kali tahun 1999. Sejak saat itu, internet telah berubah secara signifikan dan kehadiran HTML5 terlihat sangat diharapkan.

Kode Perintah Sturktur Dokumen HTML5 dan Tag Dasar :
<!DOCTYPE HTML> Mendefinisikan informasi tipe dokumen.
<html>…… </html> Mendefinisikan root dari suatu dokumen HTML.
<title> :: . . isi . . :</title> Membuat judul untuk dokumen HTML.
<head>……</head> Digunakan untuk memberikan informasi tentang dokumen tersebut.
<body> Mendefinisikan body/isi dokumen HTML, berfungsi untuk menentukan bagaimana isi suatu dokumen ditampilkan di web browsernya. Isi dokumen tersebut dapat berupa teks, gambar, animas, link dan seterusnya.
<h1> to</h6> Digunakan untuk menunjukkan awal dari suatu header/judul dari dokumen HTML tersebut.
<p> diakhiri </p> Membuat sebuah paragraph.
<i> diakhiri </i> Membuat teks miring.
<br/> Memberi baris baru/pindah baris.
<abbr title=” isi “>isi</abbr> Digunakan untuk menguraikan satu ungkapan yang disingkat dan Anda dapat memberikan informasi bermanfaat kepada penelusur-penulusur page source(halaman sumber kode) / pembaca layar, sistem terjemahan dan mesin pencari yang berasal dari singkatan yang sudah diuraikan, tetapi saat di browser uraian tersebut tidak akan tampil dan hanya sebagai informasi saja.
<meta http-equiv=”refresh content=”5;nama data.html”> Mendefinisikan metadata tentang sebuah dokumen HTML.
<b>....</b> kode ini digunakan untuk membuat cetak tebal pada tulisan.
&nbsp Untuk menuliskan spasi .
<pre> diakhiri </pre> Membuat teks dengan ukuran huruf yang sama.

Contoh : 
<html> 
<head>  </head> 
<body> 
</body> 

</html> 

Output :

Sekian Dari Saya Apabila Kalian Bingung Dengan Kode Perintah Di atas Silakan Bertanya di Kolom Komentar, Selanjutnya Kita Akan Membuat Menggunakan List Version Part 2 Belajar Coding Bareng dan Jangan Lupa Masi ada Stap

  • Menggunakan List Version Part 2 Belajar Coding Bareng
  • Menciptakan Hyperlink dan Bookmark Part 3 Version Belajar Coding Bareng
  • Menciptakan dan menggunakan Style Sheet Part 4 Version Belajar Coding Bareng
  • Formating Teks dan Paragraf dengan CSS Part 5 Version Belajar Coding Bareng
  • Mengelola Image / gambar Part 6 Version Belajar Coding Bareng
  • Menciptakan bantuan Navigasi Part 7 Version Belajar Coding Bareng
  • Menciptakan Layout berbasis Division Part 8 Version Belajar Coding Bareng
  • Menciptakan dan memformat Tabel Part 9 Version Belajar Coding Bareng
  • Menciptakan form Part 10 Version Belajar Coding Bareng
  • Mengakses data isian form menggunakan PHP Part 11 Version Belajar Coding Bareng
  • Menggabungkan audio dan video Part 12 Version Belajar Coding Bareng
  • Dasar JavaScript Part 13 Version Belajar Coding Bareng
  • Menggunakan Fungsi JavaScript dan Objek bawaan Part 14 Version Belajar Coding Bareng
  • Kontrol aliran program dengan kondisi dan pengulangan Part 15 Version Belajar Coding Bareng
  • Penanganan  Event dan Akses elemen dengan DOM Part 16 Version Belajar Coding Bareng

 Sekian dan Terimakasih.


Share:

0 Comments:

Post a Comment

Labels