Cara Mudah Belajar HTML
Cara Mudah
Belajar HTML – Jika anda sedang mencari
Panduan Belajar HTML atau Tutorial Lengkap Belajar Dasar-Dasar HTML,
mungkin posting ini bisa berguna untuk anda dalam mempelajari atau memperdalam
pengetahuan tentang bahasa penulisan
HTML dan menjadi pelengkap posting saya sebelumnya Panduan Belajar SEO Untuk Pemula. HTML (Hyper Text Markup
Language) merupakan bahasa pemrograman yang terdiri dari simbol-simbol atau
tag-tag tertentu untuk membuat/menampilkan suatu dokumen/halaman pada web
browser. Simbol atau tag HTML tersebut akan memerintahkan web browser untuk menampilkan
halaman Web yang terdiri dari berbagai macam format file seperti teks, grafik,
animasi, link maupun audio visual. Sedangkan Web Browser adalah sebuah progam yang dapat menterjemahkan kode
perintah dari dokumen HTML tersebut sehingga dapat kita lihat, baca dan dengar.
Contoh dari Web Browser adalah Internet Explorer, Netscape Navigator, Mozilla
Firefox, Opera, Safari dll. HTML mempunyai file perluasan (ekstensi) htm atau html. Dimana kedua
perluasan tersebut adalah sama, jadi anda boleh menyimpan file dokumen HTML
dengan extention "*.htm" atau "*.html".
Untuk mempelajari dasar-dasar HTML sebenarnya
anda hanya memerlukan 3 alat utama yaitu referensi Panduan Belajar HTML, teks editor Notepad dan web browser (Firefox,
IE, Opera, dll). Dan cara paling mudah
belajar HTML adalah dengan PRAKTEK
atau LANGSUNG MENCOBA. Jadi kalau
sobat hanya terbengong-bengong dan pusing sendiri memandangi susunan tag HTML
yang panjang tanpa pernah mencoba mempraktekkan dan melihat hasilnya, maka
dijamin sobat tidak akan pernah paham. Trus gimana dong biar gampang belajar
HTML ? Well saya akan share sedikit trik-trik atau cara yang saya lakukan dalam
mempelajari HTML, mencoba menuliskan script HTML dan melihat hasilnya di web
browser.
CARA CEPAT
DAN MUDAH BELAJAR HTML
Menggunakan Teks Editor Notepad dan Browser :
1. Mohon diingat penjelasan awal saya bahwa dokumen
HTML memiliki perluasan atau ekstensi htm atau html.
2. Misalnya saya menuliskan pada teks editor
Notepad sebuah script HTML untuk widget twitter di blog saya seperti tertulis dibawah ini.
3. Berikutnya saya akan menyimpan script tadi
dengan nama file kode-widget-twitter.html.
Pada Notepad, pilih Save as. Dibagian File name hapus tulisan *.txt yang ada kemudian tulis/ketik nama file kode-widget-twitter.html , trus dibagian Save as type
pilih All
Files kemudian klik tombol Save.
4. Selanjutnya coba buka file kode-widget-twitter.html tadi pada browser. Maka jika
penulisan tag HTML sudah benar akan terlihat hasil seperti gambar dibawah ini.
Belajar Tutorial HTML melalui situs online W3Schools :
1. Di situs www.w3schools.com/html/
ini anda dapat mempelajari banyak jenis-jenis tag HTML mulai dari HTML dasar, Element,
Attributes, Headings, Paragraphs, Style dan lain-lain.
2. Kemudian untuk mencoba script atau tulisan HTML
yang sobat buat, sobat dapat melihat hasilnya secara langsung melalui halaman
editor yang disediakan situs ini yaitu Tryit Editor v1.5.
3. Ketik atau tulis tag HTML anda pada halaman
sebelah kiri, kemudian tekan tombol Edit and Click Me maka pada halaman sebelah
kanan akan muncul hasilnya. Gampang bukan ? Kalo hasilnya ngga muncul berarti
ada penulisan yang salah, tinggal edit lagi dan coba lagi aja.
Kemudian sebagai bahan bacaan sobat blogger dalam
mempelajari HTML ini, saya berikan beberapa ebook yang menurut saya bagus
sekali untuk sobat yang baru mulai mengenal dan belajar HTML. Ada 3 ebook yang
saya bagikan yaitu HTML Dasar (41hlmn), Panduan Belajar HTML (15hlmn) dan
Mastering Kode HTML (84hlmn). Silahkan download melalui link dibawah ini.
Mudah-mudahan penjelasan singkat mengenai Cara MudahBelajar HTML dan Ebook Panduan Lengkap Belajar HTML yang saya berikan bisa
membantu sobat blogger yang ingin mempelajari atau memperdalam mengenai tag
HTML.
Rating: 4.5
Jadi kangen dengan tutorial2 terbaru dari Share With Irfan. Coba jalan2 disini ternyata ada info baru. Langsung deh ngucapin dulu :
BalasHapus1. Met pagi buat admin blog ini....
2. Numpang download ya......
3. Sukses buat mas Irfan...
5. ditunggu info selanjutnya...
Mantap mas, saya juga sering belajar html sama css di w3 schools.
BalasHapusharus banyak belajar dari masternya ni ( kayak mas irfan )
BalasHapusupdate terus ya mas!!!!
luaaaaaaaarrr biasa.... TOP .... tingkiyu ilmunya... coba aaaaaaahhhhh...
BalasHapusTerima Kasih atas informasinya, sangat baik untuk di baca temen2 yang lain juga
BalasHapusoke mantap !!,,mo tanya nih agar blog kita dapat terbaca di google kaya si bos ini gimana caranya mohon pencerahannya eaa,,?
BalasHapushemm saya coba contohnya ku ga bisa ya mass...
BalasHapusmakasih gan infonya ,bisa kunjungi blog saya tidak? http://gamers-akut.blogspot.com makasih
BalasHapusmakasi info ny yh mas.... :)
BalasHapusizin sedot gan, thanks
BalasHapusartikel yang menarik shobat. kami tunggu updatenya.
BalasHapusTHANK'S,IZIN UNDUH....
BalasHapusmantabb gan.. lanjut dah...
BalasHapusmakasih gan infonya
BalasHapussangat menarikkk untuk mempelajari html, terima kasih sudah menge share artikel tentang belajar html
BalasHapus