Lompat ke konten Lompat ke sidebar Lompat ke footer

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.


Panduan Lengkap Belajar HTML


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

15 komentar untuk "Cara Mudah Belajar HTML"

  1. Jadi kangen dengan tutorial2 terbaru dari Share With Irfan. Coba jalan2 disini ternyata ada info baru. Langsung deh ngucapin dulu :
    1. Met pagi buat admin blog ini....
    2. Numpang download ya......
    3. Sukses buat mas Irfan...
    5. ditunggu info selanjutnya...

    BalasHapus
  2. Mantap mas, saya juga sering belajar html sama css di w3 schools.

    BalasHapus
  3. harus banyak belajar dari masternya ni ( kayak mas irfan )

    update terus ya mas!!!!

    BalasHapus
  4. luaaaaaaaarrr biasa.... TOP .... tingkiyu ilmunya... coba aaaaaaahhhhh...

    BalasHapus
  5. Terima Kasih atas informasinya, sangat baik untuk di baca temen2 yang lain juga

    BalasHapus
  6. oke mantap !!,,mo tanya nih agar blog kita dapat terbaca di google kaya si bos ini gimana caranya mohon pencerahannya eaa,,?

    BalasHapus
  7. hemm saya coba contohnya ku ga bisa ya mass...

    BalasHapus
  8. makasih gan infonya ,bisa kunjungi blog saya tidak? http://gamers-akut.blogspot.com makasih

    BalasHapus
  9. artikel yang menarik shobat. kami tunggu updatenya.

    BalasHapus
  10. sangat menarikkk untuk mempelajari html, terima kasih sudah menge share artikel tentang belajar html

    BalasHapus