Kamis, 14 Juni 2012

HTML, Javascript, CSS dasar

Sebenarnya membuat aplikasi dengan HTML tidaklah ribet. Anda dapat membuatnya secara langsung dengan editor teks (berupa kode), atau dapat pula menggunakan software seperti Dreamweaver dengan mode Design. Tingkat kesulitan pembuatan aplikasi HTML bergantung pada kompleksitas pembuatan aplikasinya. Berikut ini tutorial pembuatan aplikasi HTML sederhana yang juga menggunakan JavaScript dan CSS.


Tutorial: Membuat “Hello World” dengan HTML, JavaScript, dan CSS
Buka editor teks Anda (misalnya Notepad++). Tulis kode seperti di bawah ini, lalu di-save dengan format *.htm.


Hello, World! Please enter your name!



Tes file HTML ini dengan membukanya dengan browser Anda dan lihat hasilnya. Berikut penjelasan tiap-tiap bagian kode:


    


  • Tag  adalah bagian header, berisi judul, style CSS, dan kode JavaScript.
    • 



  • Tag  adalah elemen judul, yang ditampilkan di Title Bar pada browser Anda.</li><li>Tag <style type=”text/css”> adalah elemen format style berupa kode CSS.</li><li>Tag <script> adalah elemen kode JavaScript.</li><li>Tag <BODY> adalah elemen “tubuh” HTML, yang isinya ditampilkan di browser.</li><li>Tag <h2> adalah style header (biasanya untuk judul), tetapi 
stylenya dapat di-override dengan style CSS yang telah didefinisikan 
seperti sebelumnya.</li><li>Tag <form> adalah elemen form, yang biasa digunakan untuk mengisi data dari input pengguna.</li><li>Pada bagian form tersebut, ada button “Submit” yang akan mensubmisi 
masukan Anda. Action yang dijalankan adalah fungsi yang telah 
didefinisikan di kode JavaScript.</li></ul>
    • 







Name

Artikel Terkait

Diposting oleh Download tutorial | software | video di 10.16  

Artigos Relacionados:

Seja o primeiro a comentar

Posting Komentar

Langganan: Posting Komentar (Atom)

Followers

Tutorial css, web design © 2008 Template by Dicas Blogger.

TOPO