Lompat ke konten Lompat ke sidebar Lompat ke footer

Belajar Dasar Html ( Hypertext Markup Language )

Apa itu HTML ?

HTML abreviasi dari HyperText Markup Language yaitu sebuah bahasa markah berisi sintaks atau perintah-perintah yang juga disebut tag-tag dalam memulai menciptakan sebuah halaman web atau lebih sempurna nya sebagai kerangka dalam pembuatan web dimana perintah-perintah tersebut sanggup eksklusif kita lihat hasil nya di halaman browser. HTML juga merupakan bahasa standar internet yang penggunaannya dikendalikan oleh W3C ( Word Wide Web Consortium ). 

Text Editor Menulis Kode-kode HTML dari Pemrograman Web Baca Disini.

Apa Fungsi HTML ?
HTML berfungsi sebagai bahasa perintah dalam menciptakan halaman web, sebagai pola bahasa perintah tersebut di tulis dan sanggup di dengar dan di lihat eksklusif hasil nya di halaman browser. Misal sebuah tag perintah <p> artinya yakni sebuah paragraf, tag <audio> menampilkan audio bunyi dan masih banyak lagi namun pada awal nya sebelum jauh melangkah lebih baik kita berguru memulai dari dasar nya.

Dibawah ini sebagai pola penulisan sebuah document HTML yang berisi sintaks atau perintah perintah, gambar tersebut aku tulis di aplikasi Notepad++ Cara Instal Notepad ++

Documen Html di Notepad ++


Pada gambar diatas penulisan tag perintah pada HTML mempunyai ciri sendiri, dimana setiap perintah di tulis dengan tanda ( < ) dan ( > )  nah ini hanya sebagai tanda tag pembuka, Sedangkan untuk tag epilog perintah di tutup dengan tanda (</ ) dan ( > ) .

Perintah - perintah diatas mempunyai pasangan masing-masing yang peletakkan nya boleh vertical dan boleh dengan gaya horizontal namun tetap menampilkan hasil yang sama nantinya pada halaman browser.

Sebagai pola yang aku bilang berpasangan yakni misal <html> akan ditutup dengan tanda </html>, lalu <head> ditutup dengan tanda </head> begitu seterusnya.

Jika temen-temen ingin melihat hasil dari perintah menyerupai gambar diatas temen-temen harus save atau simpan terlebih dahulu document HTML tersebut dengan cara klik file terus save, sebagai pola lihat pada gambar dibawah ;

Cara Save Document HTML

Gambar cara save Document Html

Setelah temen-temen Save atau simpan lalu temen-temen buat nama file nya dengan akhiran titik html ( ekstensi html). Contoh belajarhtml.html  Lihat gambar dibawah ;

Gambar ekstensi html

Nah bila kita memakai Notepad ++ maka secara otomatis file tersebut sintaks atau perintah-perintah nya akan berubah warna menjadi biru, inilah salah satu kelebihan Notepad ++.

Gambar document html sesudah di save

Bagaimana Untuk Melihat Hasil atau Tampilannya di Halaman Browser?
saat sudah di save temen-temen klik pada File lalu Open to terus temen-temen buka dengan exploler, mozila firefox atau chrome . Maka hasil nya akan terlihat menyerupai pada gambar dibawah.

Gambar di halaman browser
Ini lah hasil yang terlihat dihalaman browser dengan apa yang telah kita tuliskan tadi lewat tag perintah pada Notepad tadi. Untuk title nya lihat pada panah paling atas dan untuk isi nya temen-temen sanggup lihat kata-kata "Belajar html yukkk man teman....."

Silahkan temen-temen coba dulu menyerupai yang sudah aku contohkan sebagai awal belajar, yang penting temen-temen paham dulu, susunan documen nya, terus cara menyimpan file nya dan cara menampilkan nya.