HTML HyperText Markup Language

“pubfiles” maka URL-nya http:www.lybrary.usu.ac.idcontoh.html”. Nomor port jaringan HTTP default adalah 80, jika suatu server HTTP berada pada port jaringan yang berbeda, misal pada port 1234 maka URL menjadi http:www.lybrary.usu.ac.id:1234pubfilescontoh.html. d. Browsing Surfing; kegiatan menelusuri dan mencari informasi dalam internet melalui layanan informasi web. e. Browser Surfer; pengguna komputer yang melakukan browsing surfing.

2.3 HTML HyperText Markup Language

2.3.1 Dokumen HTML

HTML singkatan dari Hypertext Mark-up Language, yaitu sebuah bahasa standard yang digunakan untuk menampilkan mengatur penampilan materi-materi informasi di Internet. HTML merupakan bahasa penandaan markup, yaitu suatu bahasa untuk menerangkan cara pemberian format bagi sebuah dokumen. Istilah markup berasal dari copy editor dahulu yang memberikan tanda dokumen-dokumen untuk dikirimkan ke printer, yang biasanya berisi tentang jenis huruf dipakai, dan lain-lain. Bahasa markup berisi perintah pemformatan secara eksplisit. Dokumen HTML adalah file teks murni yang dapat dibuat dengan editor teks sembarang. Dokumen ini dikenal sebagai web page. Dokumen HTML merupakan Aci Srihandayani Sinambela : Sistem Informasi Pelaksanaan Praktek Kerja Lapangan Berbasis Web Pada Jurusan D-3 Ilmu Komputer Departemen Matematika Universitas Sumatera Utara, 2008. USU Repository © 2009 dokumen yang disajikan dalam browser web surfer. Dokumen ini umumnya berisi informasi atau interface aplikasi di dalam internet. Ada dua cara untuk membuat sebuah web page : dengan web editor misalnya Macromedia Dreamweaver atau Microsoft Frontpage atau dengan editor teks biasa misalnya notepad atau editplus.

2.3.1.1 Penamaan dokumen HTML

Penamaan dokumen HTML dapat dilakukan dengan memilih suatu nama, sembarang nama, kemudian menambahkan sebuah ekstensi “.htm” atau “.html” tanda kutip tidak perlu dituliskan karena digunakan sebagai penjelas saja. Ekstensi dokumen HTML yang menggunakan 3 karakter awalnya adalah untuk mengakomodasikan sistem penamaannya yang ada dalam sistem operasi DOS. Nama dokumen pada beberapa sistem operasi bersifat case sensitive membedakan huruf besar dengan huruf kecil. Nama dokumen yang sama tetapi dituliskan dengan case yang berbeda akan dianggap sebagai dokumen yang berbeda, misalnya dokumen.html akan berbeda dengan DOKUMEN.html. Kasus case sensitive akan dijumpai pada dokumen web yang di-hosting di dalam server yang berbasis nix keluarga sistem operasi UNIX. Aci Srihandayani Sinambela : Sistem Informasi Pelaksanaan Praktek Kerja Lapangan Berbasis Web Pada Jurusan D-3 Ilmu Komputer Departemen Matematika Universitas Sumatera Utara, 2008. USU Repository © 2009

2.3.1.2 Elemen dan tag HTML

Dokumen HTML merupakan teks sederhana yang sering dikenal sebagai ASCII, file yang dibuat dengan menggunakan berbagai pengolah kata misalnya Notepad Wordpad di Windows di Windows, Emacs atau vi di mesin UNIX serta BBEdit di Macintosh. Beberapa program untuk membuat dan mengedit dokumen HTML editor HTML bisa menampilkan secara utuh atau WYSIWYG What You See Is What You Get. Setiap dokumen HTML harus berisi beberap kode HTML standart. Setiap dokumen terdiri dari bagian kepala dan bagain badan aktual teks yang terdiri dari paragrap, list, dan elemen lainnya. Berikut contoh dokumen HTML sederhana: html head TITLE Berikut contoh dokumen HTML sederhanaTITLEhead bodyH1Sistem Informasi ini menggunakan HTMLH1 PDi paragraph pertama ini menampilkan judul SitusP PDi paragraph selanjutnya keterangan lebih lengkap P body html Hasilnya setelah dijalankan di Internet Explorer adalah sebagai berikut: Aci Srihandayani Sinambela : Sistem Informasi Pelaksanaan Praktek Kerja Lapangan Berbasis Web Pada Jurusan D-3 Ilmu Komputer Departemen Matematika Universitas Sumatera Utara, 2008. USU Repository © 2009 Gambar 2.1 Hasil tampilan contoh dokumen HTML pada IE

2.3.1.3 Format tag HTML

Bagian ini merupakan komponen mendasar dari struktur teks dokumen. Beberapa contoh elemen misalnya bagian kepala, paragraph dan lists. Elemen berisi teks sederhana atau elemen lainnya atau keduanya. Untuk menandakan berbagai atribut dokumen HTML. Tag yang biasa digunakan terdiri dari tanda kurang buka , tag nama, dan tanda kurung tutup . Tag biasanya berpasangan misalnya, H1 dan H1 untuk memulai dan mengakhiri perintah tag. Bagian akhir tag seperti bagian awalnya kecuali tanda garis miring mengawali teks dalam tanda kurung. Berikut adalah table beberapa daftar tag HTML yang umum digunakan dan beberapa tag yang memiliki parameter tambahan. Aci Srihandayani Sinambela : Sistem Informasi Pelaksanaan Praktek Kerja Lapangan Berbasis Web Pada Jurusan D-3 Ilmu Komputer Departemen Matematika Universitas Sumatera Utara, 2008. USU Repository © 2009 Tabel 2.1 Daftar tag HTML Tag Keterangan HTML….HTML Mendeklarasikan bahwa halaman WEB akan ditulis dalam HTML. HEAD….HEAD Membatasi kepala halaman TITLE….TITLE Mendefinisikan title tidak ditampilkan pada halaman BODY….BODY Membatasi badan halaman Hn….Hn Membatasi tingkat heading n B….B Memformat dengan cetak tebal I….I Memformat dengan cetak miring UL….UL Membatasi list tidak berurut daftar butir OL….OL Membatasi list berurut MENU….MENU Membatasi menu item-item L1 L1 Mengawali item list tidak terdapat L1 BR Pindah baris P Mengawali sebuah paragraph HR Garis horizontal PRE….PRE Teks preformat, tidak diformat ulang IMG SRC=”” Menampilkan gambar A HREF=”..”….A Mendefenisikan sebuah hyperlink Aci Srihandayani Sinambela : Sistem Informasi Pelaksanaan Praktek Kerja Lapangan Berbasis Web Pada Jurusan D-3 Ilmu Komputer Departemen Matematika Universitas Sumatera Utara, 2008. USU Repository © 2009

2.4 DHTML Dinamic HyperText Markup Language