mengenal html

Belajar HTML Part 1 Mengenal HTML

Hai Selamat datang lagi di tutorial warung belajar, dalam tutorial ini kita akan memulai untuk belajar dasar pemrograman dari website, ya belum bisa kita sebut juga sih sebagai bahasa pemograman, ya kita akan membahas mengenai HTML, ya HTML adalah bahasa pemrogaman yang perlu anda pelajari terlebih dahulu sebelum anda belajar pemrogaman yang lain.

HTML singkatan dari Hypertext Markup Language, sebenarnya apaan sih html itu kalau dilihat dari singkatannya, Hypertext adalah sebuah istilah dimana text itu bisa dapat berfungsi lain, seperti contohnya bisa membuat link, table dll.

Markup Language disini artinya ketika anda menuliskan skrip html anda harus menggunakan sebuah markup yang digunakan untuk menandai text yang anda tulis, misalnya nih :

  • tulisan tebal anda harus menuliskan text diantara tag <b> dan </b>
  • tulisan miring anda harus menuliskan diantara tag <i> dan </i> 

nah itu arti dari Markup Language

nah bagaimana sih tampilan dari skrip html itu, caranya mudah sekali, kalau semisal anda melihat tampilan website apapun itu silahkan klik kanan → Lihat Sumber Halaman / view page source

maka akan tampil skrip skrip dari html yang ditulis untuk membuat website tersebut

gambar diatas adalah contoh dari skrip skrip html yang ditulis untuk membuat sebuah website, dalam contoh diatas adalah website dari w3schools.com

 

Kebutuhan untuk belajar HTML

Nah setelah anda belajar mengenai apa sih itu HTML, nah lalu bagaimana kita memulai untuk belajar HTML, nah ada beberapa hal yang perlu anda persiapkan terlebih dahulu sebelum anda menuliskan code html

  • Persiapkan Browser

yang perlu anda persiapkan pertama adalah browser, browser sendiri digunakan untuk menampilkan hasil dari tag html yang telah kita tulis, Browser akan menjadi compiler dan intepreter dari text HTML yang anda tulis, sehingga dapat tampil di dalam website.

Nah apakah lain browser juga akan berbeda hasilnya ? Karena seperti yang anda ketahui bahwa saat ini banyak sekali browser yang bisa anda gunakan, seperti internet explorer, google chrome, mozilla firefox, opera, safari dll

jadi begini HTML ini dirancang dan diatur oleh sebuah badan standarisasi dunia yang menangani web, yaitu W3C (World Wide Web Consortium), hal ini dikarenakan setiap engine dari browser menerjemahkan kode HTML secara berbeda – beda, sehingga harus ada sebuah standart yang sama untuk semua browser.

Sehingga kalau anda perhatikan beberapa website, dapat tampil dengan maksimal di google chrome, dan mozilla tetapi tidak bisa maksimal di browser internet explorer nah hal tersebut dikarenakan internet explorer tidak menggunakan standart tersebut, untuk belajar kami menyarankan teman – teman menggunakan Google Chrome atapun Mozilla Firefox

  • Persiapkan Text Editor

Nah senjata selanjutnya adalah text editor, text editor ini digunakan untuk mengetikkan kode HTML, banyak sekali text editor yang bisa anda gunakan untuk memulai menuliskan skrip html, beberapa contoh text editor yang bisa anda gunakan :

  1. Notepad
  2. Notepad++
  3. Atom
  4. Sublime Text, dll

dan masih banyak lagi, nah untuk warung belajar disini akan menggunakan text editor Sublime Text
Untuk Sublime Text bisa anda download di link ini : https://www.sublimetext.com/3

lalu kenapa sih warung belajar lebih memilih Sublime text, kenapa tidak menggunakan notepad bawaan Windows, beberapa alasannya adalah :
1. karena Sublime Text bisa digunakan secara gratis
2. Sublime lebih simple dan lebih ringan daripada texteditor yang lain
3. Bahasa pemrogaman yang didukung oleh Sublime Text
4. adanya fitur pewarnaan code (syntax highlighting) jadi untuk nulis code bisa lebih mudah


nah itu dulu yang bisa warung belajar bahas untuk tutorial html part 1 mengenai apa itu html, dan beberapa hal yang perlu dipersiapkan sebelum kita memulai untuk menuliskan HTML, kita akan sambung di tutorial berikutnya.

Anda serius ingin menguasai HTML ?

Warung Belajar telah membuat DVD Tutorial “Tutorial HTML – White Box“. DVD Tutorial ini membahas HTML dengan lebih lengkap dan detail. Penjelasan lebih lanjut bisa ke: Tutorial HTML – White Box

Leave a Reply

Your email address will not be published. Required fields are marked *