Pages

Tuesday, December 16, 2014

Praktek Penggunaan Tag HTML

Hai gan...., hem sebelumnya saya sudah memberikan tutorial tentan Tag Dasar HTML dan Fungsinya. Tapi rasa belum lengkap kalau belum mencobanya secara langsung. jadi tutorial yang saya berikan kali ini bermaksud untuk membuktikan fungsi tag yang sebelumnya, dah jangan banyak kali bicara langsung aja kelangkah - langkahnya dibawah ini, monggo :

Praktek Pertama (Tag <head>, <title> dan <body>).
Buka editor teks yang anda punya, bisa notepad bawaan dari windows atau kita instal sendiri salah satu contohnya notepad ++, kali ini saya menggunakan notepad ++. Setelah dibuka ketik perintah dibawah kedalam notepad. Jika anda ingin menggukan notepad ++ bisa anda download disini


setelah itu simpan dengan extensi atau format dibawah ini. contoh terlihat di bawah.


maka hasilnya kurang lebih seperti ini.


Praktek Kedua (Tag <p>, <hr> dan <br>).
Ikuti sama seperti praktek pertama, setelah dibuka notepad ++ atau yang sejenisnya. Dilanjutkan dengan mengetikan kode dibawah ini.


Setelah itu disimpan dengan extensi atau format html. Kemudian buka, kalau tidak salah hasilnya akan seperti ini .


Praktek Ketiga (tag heading).
Tag heading adalah tag yang menunjukan judul sebuah artikel, berbeda dengan tag head yang merupakan tag penunjuk nama web tersebut. tag heading dapat diaplikasikan dengan cara seperti dibawah ini.


setelah itu simpan seperti praktek yang sebelumnya maka hasilnya akan seperti dibawah ini.


Praktek Keempat (tag editing font atau huruf).
Buka notepad ++ atau yang sejenisnya kemudian ketikan kode dibawah ini.


Setalah siap dengan kode tag diatas. maka lakukan langkah yang biasa yaitu simpan kode dengan extensi atau format HTML. Kemudian buka maka hasilnya seperti dibawah ini



Sekian tutorial ini hanya sampai sini dulu. Untuk lanjutnya akan terdapat di postingan berikutnya,
selamat mencoba........

No comments:

Post a Comment