1 / 6

HTML

HTML. Modul-1 DASAR-DASAR BELAJAR HTML Pendahuluan

neola
Download Presentation

HTML

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. HTML

  2. Modul-1 DASAR-DASAR BELAJAR HTML Pendahuluan Pertama-tama, anda akan mendapati bahwa belajar membuat homepage (lebih tepat kalau saya katakan web page) tidaklah sulit. Sangat sederhana bahkan. (Untuk selanjutnya saya akan gunakan istilah web page, tampilan yang anda lihat di browser waktu menjelajah web, seperti yang anda baca sekarang. Tampilan ini biasanya merupakan gabungan tulisan, gambar, dan bisa dilengkapi dengan suara, animasi dan lain-lain. Saya belum menemukan padanan bahasa Indonesianya yang cocok dan enak di telinga.) Web page pada dasarnya adalah sebuah file, file HTML persisnya. Disebut demikian karena file ini berakhiran .htm atau .html. HTML adalah singkatan dari Hyper Text Mark-up Language. Mari kita mulai. Jika saat ini anda mempunyai program khusus untuk membuat file HTML, yang katanya mampu membuat web page secara mudah, lupakan saja. Cara paling jelek untuk belajar adalah menggunakan salah satu dari program-program ini. (Walaupun ada di antaranya yang bisa sedikit membantu, program-program tersebut baru akan bermanfaat jika anda sudah mempelajari dasarnya. Jadi tidak usah dipikirkan dulu saat ini.) Lalu program apa yang paling baik digunakan untuk belajar HTML? Notepad. Program pengolah kata kecil dan sederhana itu? Yang selalu ada kalau kita menginstall Windows? Ya dan ya. Tapi anda punya program besar, kompleks, dan canggih yang mampu menghasilkan web page cukup dengan mengetik dan kemudian klik sana klik sini. Untuk yang satu ini percayalah pada saya. OK? OK. Program lain yang anda butuhkan adalah browser untuk menampilkan web page yang anda hasilkan. Dua nama yang paling populer adalah Netscape Navigator dan Internet Explorer. Keduanya memiliki kelebihan dan kekurangan, tapi secara pribadi saya lebih menyukai yang pertama (oleh karena itu saya tuliskan lebih dulu). Bukan apa-apa, mungkin saya mulai bosan melihat nama dan logo Microsoft di mana-mana. Anda boleh saja menggunakan Internet Explorer, tapi terus terang tulisan ini saya buat dan tes dengan Netscape Navigator (browser ini dilengkapi dengan editor). Kalau anda menggunakan browser lain (adakah yang lain?), saya tidak bisa berkomentar. Saya tidak pernah menggunakannya. x Dengan kedua program tadi di komputer anda, bersiap-siaplah. Saya yakin bahwa dalam waktu kurang dari lima menit lagi anda akan menghasilkan web page anda yang pertama! Buka Notepad.... dan kita beralih ke Pelajaran 1.

  3. Materi 1 Anda sudah buka Notepad? Dibawah ini adalah tampilan sederhana notepad Mulailah dengan menuliskan ini.... <HTML></HTML> Masing-masing baris di atas disebut tag (sekali lagi kita pakai istilah aslinya). Ada tag pembuka dan ada tag penutup. Untuk menuliskan tag penutup cukup tambahkan / di depan tag pembuka. Sebagian besar, tapi tidak semua, tag memiliki tag penutup. Anggaplah tag ini sebagai cara kita berbicara dengan browser, atau lebih tepat memberikan perintah. Yang baru saja anda katakan pada browser adalah "ini adalah awal dokumen HTML" (<HTML>) dan "ini adalah akhir dokumen HTML" (</HTML>). Sekarang kita perlu mengisinya dengan sesuatu

  4. Setiap file HTML memerlukan pasangan tag HEAD. <HTML><HEAD></HEAD></HTML> Satu-satunya yang harus kita pikirkan tentang isi tag HEAD (untuk saat ini) adalah TITLE. <HTML><HEAD><TITLE></TITLE></HEAD></HTML> Dan isi sesungguhnya dari file tersebut akan kita tempatkan di antara tag BODY. <HTML><HEAD><TITLE></TITLE></HEAD><BODY></BODY></HTML>

  5. Oh, dan satu hal lagi, beri judul pada file anda. <HTML><HEAD><TITLE>Web page saya yang pertama!</TITLE></HEAD><BODY></BODY></HTML> Sekarang simpanlah file tersebut, bukan sebagai file teks (.txt), tetapi sebagai file html. Simpan dengan nama hal1.html di suatu folder baru. Kalau anda bingung bagaimana melakukannya, inilah yang harus anda lakukan.... Di window Notepad klik File kemudian Save As. Anda akan menghadapi dialog box. Buat folder baru dengan menekan ini ->  Beri nama apa saja. Kemudian klik dua kali untuk membukanya. Di kotak File name: tuliskan hal1.html Pada kotak Save as type: pastikan bahwa jenis file ini adalah All Files (*.*)Kemudian tekan tombol Enter! Selamat! Anda patut berbangga karena mulai sekarang anda termasuk satu dari sedikit orang yang mampu membuat web page! Anda bisa menempatkannya di salah satu server internet dan seluruh dunia dapat melihat kreasi anda tersebut! Anda dapat meng-klik dua kali file tersebut dan melihat hasil karya anda.

  6. Ini adalah tampilan hasilnya : Tugas anda berikutnya nanti adalah mengisi halaman tersebut dengan beberapa hal. Cara terbaik untuk mengikuti tutorial ini adalah membuka Notepad dan dua window Netscape. Window Netscape yang pertama berisi tutorial ini dan yang satunya menampilkan web page yang anda buat. Anda dapat berpindah-pindah dengan meng-klik salah satu dari ketiganya. Jika anda sedang membaca tutorial ini di Netscape, anda dapat membuka window kedua dengan satu dari dua cara ini- 1) Klik dua kali pada file hal1.html yang baru saja anda buat. Atau 2) Di Netscape, klik File/Open File In Browser dan cari file tadi (hal1.html). Dua hal penting perlu saya kemukakan sebelum kita beralih ke pelajaran 2. Pertama, apa yang sudah anda buat adalah tipikal dokumen HTML. Ini adalah informasi minimum yang diperlukan oleh dokumen web, dan semua dokumen web harus berisi komponen-komponen dasar ini. Dan kedua, judul dokumen adalah apa yang tampak di bagian paling atas browser anda.

More Related