mengenal html

Belajar HTML Part 1 Mengenal HTML

Posted on Posted in Tutorial 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.

Itu arti dari Hypertext lalu bagaimana arti dari Markup Language, istilah ini digunakan karena ketika anda menuliskan html anda harus menggunakan sebuah markup yang digunakan untuk menandai text yang anda tulis, misalnya nih untuk tulisan tebal anda harus menuliskan text diantara tag <b> dan </b>, lalu untuk menulis 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 → view page source

website w3schools.com

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

contoh penulisan skrip

nah itu 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 tuliskan, 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 dikarena 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, mozilla tetapi tidak bisa maksimal di browser internet explorer nah hal tersebut dikarenakan internet explorer tidak menggunakan standart tersebut, nah untuk warung belajar ini kita akan menggunakan browser mozilla firefox.

 

Persiapkan Text Editor

nah senjata selanjutnya adalah text editor, text editor ini yang digunakan untuk mengetikkan code dari HTML sebelum kita tampilkan di browser, banyak sekali text editor yang bisa anda gunakan untuk memulai menuliskan skrip html, untuk toolsnya antara lain :
1. Notepad
2. Notepad++
3. Atom
4. Dll

dan masih banyak lagi, nah untuk warung belajar disini akan menggunakan text editor Notepad++.
Untuk Notepad++ bisa anda download di link ini : https://notepad-plus-plus.org/download/v7.1.html

lalu kenapa sih warung belajar lebih memilih notepad++, kenapa tidak menggunakan notepad biasa aja, beberapa alasannya adalah :
1. karena notepad++ adalah gratis
2. di notepad++ lebih simple dan lebih ringan daripada texteditor yang lain
3. banyak bahasa pemrogaman yang didukung oleh notepad++
4. adanya fitur pewarnaan code (syntax highlighting) jadi untuk nulis code bisa lebih mudah

3
nah itu dulu yang bisa warung belajar bahas untuk 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 *