1 HTML 2 dan CSS 1. Tujuan Setelah mengikuti praktikum ini mahasiswa diharapkan dapat : 1. Mahasiswa mengerti bagaimana cara mengimplementasikan HTML ...
Tujuan Setelah mengikuti praktikum ini mahasiswa diharapkan dapat : 1.
2.
Mahasiswa mengerti bagaimana cara mengimplementasikan HTML dan CSS
Table
Banyak orang suka menampilkan informasinya dalam bentuk table, hal ini disebabkan karena bentuknya yang ringkas dan mudah di baca. Tabel terdiri dari beberapa bagian : Table Row atau baris tabel :
…
Table Data atau baris tabel :
…
Beberapa table data yang terdapat dalam suatu baris membentuk Table Row. Table Header atau judul tabel :
…
Adalah judul tabel yang biasanya terletak di bagian paling atas atau paling kiri dari suatu tabel. Table Header yang terletak pada bagian atas adalah judul kolom tabel, sedangkan yang terletak di bagian kiri adalah judul baris tabel.
Selain elemen-elemen itu, terdapat atribut-atribut : Border
untuk membuat batas tepi dari suatu tabel. Width untuk mengatur lebar tabel. Align untuk mengatur bentuk perataan horisontal data di dalam tabel (left,center,right) Valign untuk mengatur bentuk perataan vertikal data di dalam tabel (top,middle,bottom) Cellspacing dan Cellpadding untuk mengatur spasi antarsel dan spasi dalam sel. Rowspan dan Colspan yaitu gabungan sel-sel dalam suatu kolom atau baris. Color untuk mengatur warna suatu sel dalam tabel. Praktikum Rekayasa Aplikasi Internet
Hal 1 dari 10
Modul 2: HTML 2 dan CSS
Contoh 15 :
Topik
HTML
ASP
PHP
Waktu
Pagi
Penuh
Kosong
Kosong
Siang
Penuh
Penuh
Kosong
Malam
Kosong
Penuh
Penuh
Praktikum Rekayasa Aplikasi Internet
Hal 2 dari 10
Modul 2: HTML 2 dan CSS
FRAME
Dengan frame, jendela browser dibagi-bagi menjadi beberapa bagian dimana bermacam-macam informasi dapat ditampilkan pada satu saat. Setiap link dalam suatu frame, tidak hanya dapat memperbaharui isi dari frame itu sendiri, tetapi juga dapat memperbaharui isi dari frame-frame lain. Dengan kemampuannya ini, frame dapat digunakan untuk berbagai macam keperluan, seperti untuk : Membuat suatu daftar isi pada satu frame, sedang sisi frame yang lain menampilkan isinya. Membuat suatu judul atau logo yang tidak berubah-ubah pada suatu sisi frame, sedangkan sisi frame yang lain menampilkan isi dokumen Membuat suatu dokumenn tanya-jawab, dimana satu sisi frame berisi pertanyaan, sedangkan sisi frame yang lain berisi jawabannya. Dan lain-lain
Contoh 16 :
Praktikum Rekayasa Aplikasi Internet
Hal 3 dari 10
Modul 2: HTML 2 dan CSS
Doc1.html
top.html
Pemrograman Aplikasi Internet Jurusan Teknik Informatika STT Telkom
CSS adalah struktur yang terpisah dari tampilan pada halaman web. 1. Dalam pemakaian HTML murni kita pasti menggunakan tag dan tag lain untuk mengontrol bagaimana format dan layout dari halaman anda. 2. Hal ini mengikat presentasi halaman anda dengan isinya, dan terasa menyulitkan dalam perancangan dan pengembangannya. 3. Jika anda memiliki sekian halaman yang memiliki format yang seragam, dan kemudian ingin merubah format dasarnya, tentu yang anda lakukan adalah mengubah tiap halaman tersebut. 4. Style Sheet menyediakan pemecahan terhadap masalah ini. 5. Dengan Style Sheet dapat mengontrol seluruh layout dari site anda, dan jika anda mengubah tampilan dari web site anda cukup dengan memodifikasi style sheet.
Tiga cara menggunakan CSS 1.
Inline Styles
Menambahkan attribute style kedalam tag XHTML-nya Berlaku hanya pada tag dimana style ditambahkan
Contoh1.html
By adding inline CSS styling to this paragraph, override the default styles.
2.
fontwe
can
Embedded Styles
Diletakan pada tag Berlaku hanya untuk halaman dimana style didefinisikan Praktikum Rekayasa Aplikasi Internet
