Halaman

Jumat, 21 Februari 2014

Belajar HTML lengkap|Mari mengenal apa itu HTML?Dan belajar HTML dasar


Belajar HTML lengkap|Mari mengenal apa itu HTML?Dan belajar HTML dasar

Bailklah mungkin ini artikel pertama dari blog ini yaitu mengenal apa itu HTML karena seperti pepatah yang mengatakan bahwa “tak kenal maka tak sayang”.

a.       Pengertian HTML
HTML (Hyper Text Markup Language),merupakan salah satu bahasa pemrograman web desaign dan juga biasa di sebut script untuk menyusun dokumen-dokumen web

Masih bingung dengan pengertian di atas ?
Jadi HTML ini adalah sebuah bahasa pemrograman yang di dalamnya berisi kode-kode program yang di tulis (berupa teks) yang di tujukan untuk mengatur tampilan-tampilan web

b.      Fungsi HTML
Nah untuk menjadi seorang web development (pembuat,perancang,pengembang web) HTML merupakan dasar atau pondasi dari ilmu-ilmu yang harus anda pahami.HTML ini layaknya sebuah pondasi bangunan di mana jika pondasi bangunan itu kuat maka bangunan itu akan berdiri dengan kokoh dan sebaliknya apabila pemahaman anda mengenai HTML ini kurang maka layaknya sebuah bangunan yang berdiri di atas pondasi yang tidak kuat tak bisa di bayangkan. seperti itu lah pentingnya memahami HTML dalam dunia web development.


Jadi dapat di simpulkan bahwa dalam dunia web desaign maka HTML ini berperan sebagai :
-          Mengoptimalkan tampilan web
-          Mendesaign
-          Sebagai tempat melekatnya pemrograman web desaign yang lain seperti CSS,PHP dan java script (pemrograman tesebut hanya sebagai pelengkap HTML saja)

c.       Perkembangan HTML
Untuk perkembangan HTML ini saat ini sudah berkembang ke versi HTML 5,namun untuk perkembangan HTML ini bisa anda cari di buku mapun di internet,karena terlalu panjang jika saya tuliskan di sini untuk pembahasan di blog ini saya akan lebih focus kepada HTML umum,yang artinya saya akan menjelaskan dari versi 1 sampai 5

Lalu bagaimana cara belajar HTML dasar ?

HTML ini dapat di tulis dengan teks editor yang sudah tidak asing lagi seperti notepad yang terpasang otomatis pada system operasi windows pada komputer anda namun jika anda ingin mengguanakn teks editor lain juga bisa, anda bisa mencarinya di internet.

Lalu apakah hanya bisa di tulis manual menggunakan teks editor seperti notepad saja ?
Tentu tidak ! HTML,selain dapat di tulis dengan menggunakan teks editor (manual) dapat juga di tulis secara otomatis (open source) atau lebih di kenal dengan sebutan menggunakan tools seperti dreamweaver yang sangat populer di gunakan.

Pilih menggunakan cara manual atau otomatis (menggunakan tools) ?
Baiklah semua tergantung pada pilihan anda,saya akan menjelaskan apa kelebihan dan kekurangan dari 2 cara tersebut

-          Cara manual
Kelebihan dari cara ini :
Anda akan paham dengan HTML lebih cepat
Mengerti ketika anda menjumpai error pada website yang anda kelola dan dapat segera memperbaiki
Dapat mendesaign sesuka anda (free design)

Kekurangan dari cara ini :
Harus mempunyai daya ingat kuat
Harus hafal script (penulisan tidak boleh salah satu huruf pun)
Harus dapat menghafal satu script (tag) dengan baik beserta attributnya

-          Cara otomatis (menggunakan tools)
Kelebihan dari cara ini :
Anda tidak perlu paham dengan HTML secara mendalam
Dapat mendesaign sesuka anda (free design)
Bersifat instan
Tidak perlu repot menghafal script berikut attributnya
Dan masih banyak lagi

Kekurangan dari cara ini :
Tidak akan paham mengenai kode program html
Timbul kebiasaan buruk yang menginginkan sesuatu dengan instan

Bagaimana ? anda pilih yang mana ?...
Saran saya pilih ke duanya,tapi pilih dulu dengan cara manual setelah anda mengerti baru kemudian menggunakan cara otomatis (menggunakan tools)

Belajar HTML dasar berikutnya adalah belajar cara membuat HTML dengan notepad,bagaimana caranya ?


Baiklah sebelumnya terimakasih anda membaca artikel saya ini sampai pada poin ini,pada poin ini kita akan membahas bagaimana cara membuat HTML dengan notepad,baiklah langsung saja ikuti langkah-langkah berikut ini :

Langkah bagaimana cara membuat HTML dengan notepad :

1.Buka program notepad anda,dengan cara klik start >>all programs>>accessories>>cari notepad >>kemudian klik (perhatikan gambar 1) :
Belajar HTML dasar berikutnya adalah belajar cara membuat HTML dengan notepad,bagaimana caranya

(Gambar 1.0).membuka program Notepad

2.      Setelah program notepad terbuka maka akan tampak seperti gambar dibawah ini :
Belajar HTML dasar berikutnya adalah belajar cara membuat HTML dengan notepad,bagaimana caranya

(Gambar 1.1).area kerja program notepad

3.      Kemudian anda ketik script di bawah ini :
<html>
<head>
<title>Ini latihan HTML pertama saya</title>
</head>
<body>
Hay,..saya sedang belajar HTML
</body>
</html>
4.      Setelah selesai,akan tampak seperti gambar 1.2 di bawah ini :

Belajar HTML dasar berikutnya adalah belajar cara membuat HTML dengan notepad,bagaimana caranya

                            (Gambar 1.3).script HTML
5.       Selanjutnya kita akan menyimpan file notepad tadi dengan format HTML,pergi ke desktop anda lalu buat folder baru dan beri nama folder latihan HTML,nah folder inilah yang akan kita gunakan untuk menyimpan file notepad tadi untuk mempermudah saat anda akan membukanya,berikut ini langkah menyimpan file notepad ke dalam format HTML,aturannya adalah nama_file.html,jadi harus ada titik (.)kemudian baru di ikuti dengan html contoh : latihan.html,baiklah ketikkan latihan.html pada kotak save saat kita menyimpan file HTML nya,berikut ini gambar nya 
Belajar HTML dasar berikutnya adalah belajar cara membuat HTML dengan notepad,bagaimana caranya

(Gambar 1.4).langkah menyimpan file notepad ke dalam format HTML

6.       Langkah selanjutnya buka folder latihan HTML,yang sudah anda buat tadi pada dasktop anda ,klik kanan>>open,seperti gambar berikut ini :

Belajar HTML dasar berikutnya adalah belajar cara membuat HTML dengan notepad,bagaimana caranya


(Gambar 1.5).membuka file HTML

7.       hasilnya akan seperti gambar di bawah ini :
Belajar HTML dasar berikutnya adalah belajar cara membuat HTML dengan notepad,bagaimana caranya


(Gambar 1.6).hasil dari latihan HTML

Oke demikian tadi artikel tentang Belajar-HTML dasar,semoga artikel ini dapat bermanfaat bagi anda khususnya pemula seperti saya,dan jika dalam artikel ini anda menemukan penjelasan atau cara yang belum anda pahami,silahkan berkomentar di kolom komentar di bawah ini !









1 komentar: