FIRST !
Kali ini saya akan membahas tentang Web Programming.
Kenapa dimulai dengan HTML?
Karena, HTML adalah coding pemrograman web yang sangat mudah untuk dipelajari dari berbagai kalangan. Hal ini dikarenakan HTML memiliki sifat WYSIWYG (What You See Is What You Get). Jadi ketika anda mengetikkan kode, hasilnya akan langsung bisa dirunning (dijalankan) dan dapat dilihat diweb browser yang anda miliki. Kelebihan lainnya adalah bahwa coding HTML ini available / readable sehingga dapat diakses bdiberbagai sistem operasi dan berbagai web browser.
Salah satu hal Penting tentang eksistensi HTML adalah tersedianya Lingua franca (bahasa Komunikasi) antar komputer dengan kemampuan berbeda, jadi walaupun berbeda-beda platform tetap bisa membuka halaman web yang sama di berbagai browser, Operating system maupun komputer
Nah, SECOND !
You may ever...
Anda pasti pernah memiliki account friendster ?
Situs jejaring sosial satu ini mengijinkan penggunanya menggunakan kode HTML untuk mempercantik comment di profile friendster user.
seperti untuk BOLD atau menghitamkan menggunakan <b> dan </b>.
Atau Italic mencetak miring dengan <i> dan </i>
Syntak - syntak HTML tersebut sudah familiar sekali, sangat mudah ditemui. Nah, sekarang lets go to the poin !
HTML --->>
(1) HTML : Sebagai penanda bahwa dokumen yang dibuat adalah dokumen web yang menggunakan perintah dan kode HTML.
(2) HEAD : digunakan untuk pemberian judul.
(3) TITLE : Judul untuk masing-masing halaman dan ditampilkan dibagian atas browser.
(4) BODY : Informasi yang ingin dimunculkan dapat diletakkan di bagian ini.
Contoh Script HTML:
<HTML>
<HEAD>
<TITLE> Teks pada title bar web browser </TITLE>
</HEAD>
<BODY>
Berisi informasi yang ingin ditampilkan pada dokumen web.
</BODY>
</HTML>
Contoh II:
<HTML>
<head>
<title> Contoh script HTML </title>
</head>
<body>
<h2> Belajar Desain WEB dengan HTML </h2>
<b>bold</b> menghasilkan huruf tebal <br>
<i>italic</i> menghasilkan huruf miring <br>
<u>underline</u> menghasilkan huruf bergaris bawah
</body>
</HTML>
-----------------------------------------------------------------------------
. Contoh aplikasi text editor yang bisa digunakan untuk membuat latihan mengetik snytak2 HTML adalah HTML Editor, Notepad, Microsoft FrontPage, Adobe Dreamweaver, dan lain-lain.
Disini, saya mengamsumsikan dengan menggunakan Notepad.
Sebenarnya akan lebih mudah dengan menggunakan Ms.Frontpage lho ! (saran aja sih, hehe :D)
Notepad adalah text editor standar yang ada baik di versi 16 bit maupun 32 bit sistem operasi Ms Windows. Untuk memulai NotePad di Ms Windows langkah-langkahnya adalah sebagai berikut :• Click pada tombol “Start” yang ada pada task bar Windows.
• Click pada “Program” dan lalu click pada menu direktori berlabel “Accessories”.
• Kemudian click pada shortcut “Notepad”.
Next !
Menyimpan File Script------------------------------------------------------------------------------------------------------
Setelah membuat script-script HTML, kemudian langkah menyimpannya
adalah sebagai berikut :
• Click tombol “File” pada taskbar notepad, kemudian pilih “Save”.
• Pada field isian nama file (filename) , ketikkan namafile.HTML
• Coba jalankan browser.
• Click pada menu "File .."
• Pilih pada option "Open .." yang ada pada menu "File .."
• Pada dialog box "Open" klik pada tombol "Browse .." dan cari file yang ingin ditampilkan.
• Selanjutnya pilih tombol "Ok" jika file telah dipilih.
Mengedit file script
• simpan hasil perubahan file HTML anda
• pindah ke aplikasi web browser, pada browser anda tekan tombol "REFRESH". Web Browser akan me-load dokumen yang sama tapi dengan revisi terbaru. Proses ini adalah siklus Edit, Save, dan View.
Hm..
Yap, begitulah dasar dari HTML.
Mudah kan?
Silahkan dicoba !
Tidak ada komentar:
Posting Komentar