Belajar HTML Part 1 Mengenal HTML


 

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.



أحدث أقدم