Saya akan memperkenalkan dasar - dasar HTML5 dengan simple, jelas sehingga sobat tidak bingung dalam mempelajarinya. Saya akan bahas dasar dasar terlebih dahulu. Standar dari HTML5 tidak memerlukan nama atribut huruf kecil, sob.
Apa itu HTML?
HTML singkatan dari Hypertext Markup Language. HTML merupakan bahasa markup standar untuk membuat halaman web. Biasanya HTML digunakan untuk membuat web statis. Web statis itu berupa halaman halaman web, sob.
Didalam HTML ada terdapat struktur ,sob. jika tidak maka hancur codingnya. Dibawah ini struktur dari HTML :
<html>
<head>
<title>Judul Dokumen</title>
</head>
<body>
Isi dari Web yang akan diisi sesuai kebutuhan
</body>
</html>
Saya akan jelaskan masing - masing dari struktur HTML diatas, biar sobat tidak pusing. Berikut penjelasanya :
a. Tag
Merupakan text khusus (markup) berupa dua karakter "<" dan ">" . contoh <head> disitu bisa dijelaskan ada sebuah tag dengan nama head.
Tag pasti ditulis secara berpasangan, yang terdiri atas tag pembuka dan tag penutup. contoh <html> disitu dinamakan tag pembuka dan </html> dinamakan tag penutup, sob.
b. Elemen
Didalam elemen ada terdapat 3 bagian, yaitu tag pembuka, isi, dan tag penutup. untuk tag pembuka dan penutup tadi sudah dijelaskan ,sob sekarang tinggal bagian isi. contoh ada tag <title> Ini bagian isi elemen </title>.
Contoh penulisan tag - tag yang benar :
<p>
<b>
.......................
</b>
</p>
c. Attribute
Attribute mendefinisikan property dari suatu element HTML, yang terdiri atas nama dan nilai. Contoh penulisan yang yang benar, sob.
<tag>
nama-attr="nilai-attr"
nama-attr="nilai-attr"
................................
</tag>
semua elemen HTML bisa memiliki sebuah atribut, sob. Dengan attribut maka dapat memberikan informasi tambahan tentang suatu elemen. Ada sebuah contoh pemberian attribut
<body bgcolor="blue" text="red">.
d. Element HTML
Element ini menyatakan pada browser bahwa dokumen yang digunakan adalah HTML. Penulisannya sebagai berikut :
<html>
..........
</html>
e. Element HEAD
Element ini merupakan bagian kepala pada dokumen HTML. tag <head> dan tag </tag> terletak diantara tag <html> dan </html>. Contoh penulisannya :
<head>
..........
</head>
f. Element TITLE
Element ini untuk mengisi judul dari dokumen HTML, sob. Supaya judul yang akan kita beri bisa ditampilkan pada jendela browser. tag <title> dan tag </title> terletak di antara tag <head> dan tag </tag>. Penulisannya sebagai berikut :
<title>
...........
</title>
g. Element BODY
Element ini bagian yang penting karena bertugas untuk menampilkan isi dokumen HTML, sob. tag <body> dan tag </body> terletak dibawah tag </head>. Dan element body mempunyai attribute - attribute yang menspesifikasi sebagai contoh bisa memberi warna dan latar belakang dokumen yang akan ditampilkan ,sob. Contoh penulisannya :
<body text="v" bgcolor="w" background="url" link="x">
..........
</body>
Dibawah ini ada terdapat script sederhana :
<html>
<head>
<title>Latihan Web</title>
</head>
<body text="red">
Belajar Bahasa Pemrograman Web Menyenangkan
</body>
</html>
Referensi dasar - dasar tag HTML
a. <!DOCTYPE html> mendefinisikan dokumen ini menjadi HTML5
b. <html> elemen akar dari halaman HTML
c. <head> berisi informasi meta tentang dokumen
d. <title> menentukan judul untuk dokumen
e. <body> berisi konten halaman yang terlihat
f. <h1> mendefinisikan heading besar
g. <p> mendefinisikan sebuah paragraf
keren ni html 5 harus di plajari ok, tapi gk beda jauh kog sama yang lama
BalasHapusbaru sekarang saya ngerti apa attinya html. thanks infonya gan mampir ke web saya bima jasa surabaya
BalasHapussiap gan
HapusMantap informasinya gan salam kenal, setelah itu download gane saya dijamin keren
BalasHapushttp://rickardusricky.blogspot.co.id/2017/05/download-mobile-legends-bang-bang-v.html?m=1
iya siap gan
Hapusiya siap gan
HapusMantap informasinya gan salam kenal, setelah itu download gane saya dijamin keren
BalasHapushttp://rickardusricky.blogspot.co.id/2017/05/download-mobile-legends-bang-bang-v.html?m=1
mksh infonya gan,saya kbtulan lagi peljari tentang html 5
BalasHapusMakasih banyak atas infonya gan sangat bermanfaat
BalasHapusWah bagus ni artikelnya
BalasHapusKalo ada kode " itu termasuk kode apa gan dan apa fungsinya?
BalasHapusagak pusing juga nih alnya gak terlalu bisa coding...
BalasHapusternyata gak beda banyak ya sama html biasa, kebetulan lagi belajar html :), sangat membantu
BalasHapusSaya belajar blog tapi sama sekali ndak paham bahasa web huhu. Sangat membantu postinganya gan
BalasHapusMasih tetap sayang yg versi lama dong hehehe
BalasHapuswah berguna banget nih infonya gan. thanks yah
BalasHapusmantap informasinya... ane juga lagi belajar soalnya..
BalasHapusudah jadi makanan sehari2 nih HTML 5 :v
BalasHapusmantap gan html5, harus dipelajari nih
BalasHapusbagus banget ni buat webdeveloper pemula kaya saya
BalasHapusada siang ada malam ada pembuka ada penutup di setiap html pasti aja ada tag pembuka dan penutup dalam contoh pembuka penutup seperti yang admin share tag pembuka <html> dan pasti ada tag penutup dengan ada text garis mirim seperti </html>...
BalasHapusMakasih gan infonya terus update lagi gan
Sedikit paham sih... walaupun agak ribet..hehe nice info gan
BalasHapusMakasih gan jadi nambah ilmu lagi ni
BalasHapusThanks ilmu nya gan sangat bermanfaat sekali
BalasHapuscocok gan untuk saya yang lagi mempelajari HTML di sekolah, thank infonya gan
BalasHapus