Belajar Pemograman HTML (Hyper Text Markup Language)



  
 Assalamu’alaikum para blogger semua........... pada postingan kali ini kita akan belajar yang namanya HTML atau Hyper Text Markup languange. Apa itu HTML?? Jika para blogger penah membuka suatu halaman web seperti facebook.com, 1cak.com, google.com, blogger.com dan yang lainya itu di tampilkan dengan HTML. Nah, jadi bisa dikatakan kalau HTML itu
adalah bahasa dasar untuk mendesain suatu halaman web. Nah, sekarang mari kita belajar HTML. Oh iya, sebelum usahakan komputer/laptop anda sudah terinstal browser untuk melihat hasil HTML kita nanti.
Ok!, langkah 1. Buka Notepadatau Notpad ++(kalau ada). Klik Strat> All Program> Acseeorise> Notepad.





Langkah 2. Ketik script berikut pada di Notepad,
</span></p> <p class="MsoNormal" style="margin-bottom:6.0pt"> <span style="font-size: 9.0pt;line-height:115%;mso-ansi-language:IN" lang="IN">Latihan.com</span></p> <p class="MsoNormal" style="margin-bottom:6.0pt"> <span style="font-size: 9.0pt;line-height:115%;mso-ansi-language:IN" lang="IN">
Hallo, ini web saya
Langkah3. Kemudian pilih File>Save Asdengan nama<web.html> ingat!! Harus pakai “.html” dengan Save as Type> All Files *.*.





Langkah 4. Buka dengan menggunakan browser.
Inilah Hasilnya,






Dari script diatas, mempunyai aturan tulisan dan tag-tag yang harus di tuliskan dalam dokumen HTML. Berikut akan saya jelaskan tag-tag tersebut.
1.       .......
                Ini adalah tag dimana semua dokumen html kita simpan. Bisa di katakan ini adalah tag pembuka dan penutup.
2.       ......
                Tag ini digunakan untuk menyinpan informasi pada dokumen HTML. Namun, tidak ditampilkan pada browser.
3.       ......
                Tag title adalah salah satu informasi dari tag head. tag ini akan menampilkan teks pada tab browser.
4.       .........
                Apa yang ingin kita tampilkan di browser akan ditulis di tag ini. Ini merupakan tag pembukan badan dukumen HTML.
Nah, itu adalah tag/ struktur yang harus di tulis di HTML. Kalau penambahan seperti   font color>......
itu adalah jenis font, ukuran, dan warna yang akan kita tampilkan di browser.
Note:
Setiap tag, selalu ada pembuka dan penutup, dan penutup selalu menambahkan tanda miring “/”.

Ok! Semoga bermanfaat dan sampai jumpa di postingan berikutnya..... J

Komentar