Blog sharing cara membuat blog, website, toko online, desain web, dan template

Thursday, October 9, 2014

Pengenalan Perancangan Web Menggunakan HTML

Pernah ngak kalian dengar kata HTML? HTML atau Hypertext Markup Languange adalah bahasa yang bersifat statis yang digunakan sebagai standart untuk membentuk sebuah halaman web. HTML bukan sebuah bahasa pemograman melainkan bahasa markup (markup language). Markup Languange terdiri dari sekumpulan mark-ups tag dengan menggunakan simbol (<) simbol lebih kecil dan (>) symbol lebih besar. 
  • Penamaan Dokumen HTML
Sekarang ini sangat mudah jika anda ingin belajar membuat web, banyak paket aplikasi yang bisa digunakan. Misalnya Microsoft FrontPage, Macromedia DreamWeaver, Netscape Compozer, dll. Paket aplikasi ini dapat digunakan untuk merancang web secara WYSIWG atau What You See Is What You Get, dengan menggunakan aplikasi ini, anda bisa membuat halaman web tanpa menguasai tag-tag HTML. Tetapi pada hakikatnya penguasaan tag-tag HTML juga sangat diperlukan. Jika anda ingin menulisnya secara manual anda bisa menggunakan Notepad++ atau Sublime. Aplikasi Sublime text ini bisa anda download secara gratis DISINI

Sebuah penandaan untuk menandai bahwa file teks merupakan file HTML, maka dalam penyimpanan file harus menggunakan ekstensi .htm atau .html
  • Pengenalan Elemen dan Tag HTML
Yang dimaksud ‘elemen’ dalam HTML adalah komponen terkecil dari sebuah dokumen HTML. Elemen ini bisa berupa teks murni, bukan teks atau gabungan keduanya. Sedangkan makna ‘tag’ adalah sebuah elemen didalam dokumen HTML. Elemen tag biasanya mempunyai pasangan tag, maka jika tag ini yidak diberikan pasangan maka tidak akan berfungsi. Tetapi ada juga beberapa elemen tag yang tidak mempunyai pasangan tag, misalkan:
<img/> untuk Image
<br/> untuk ganti baris atau line break
<hr/> untuk horizontal rule yaitu untuk membuat garis horizontal
<input/> untuk input field
Gambar Struktur Elemen adalah seperti berikut :  
Didalam membuat dokumen HTML, harus diawali dan diakhiri dengan tanda tag HTML (berpasangan), dan memiliki syarat penulisan sebagai berikut:
  • Setiap tag diapit oleh kurung siku ( < dan > )
  • Setiap dokumen atau halaman HTML diawali dengan tag <html> dan diakhiri tag </html>
  • Tag HTML secara normal selalu berpasangan, misalkan <i> dengan </i>, tetapi ada beberapa tag yang tidak mempunyai pasangan seperti yang disebutkan diatas.
  • Jika didalam tag ada tag lain, maka penulisan tag akhir tidak boleh bersilang dan harus diletakkan secara berurutan. Contoh seperti gambar
  • Tag HTML ditulis menggunakan huruf kecil <b> dan bukan huruf besar <B>
Sekian dulu pembahasan tentang Pengenalan HTML. Dalam post selanjutnya, saya akan membahas tentang tag-tag dan atribut yang digunakan dalam HTML. Bye...bye...

Share on Facebook
Share on Twitter
Share on Google+

Related : Pengenalan Perancangan Web Menggunakan HTML

0 comments: