Presentasi sedang didownload. Silahkan tunggu

Presentasi sedang didownload. Silahkan tunggu

STMIK MERCUSUAR 1 By : Abdur Rohman, S.Kom Contact : 1. 2. 3. PEMROGRAMAN WEB.

Presentasi serupa


Presentasi berjudul: "STMIK MERCUSUAR 1 By : Abdur Rohman, S.Kom Contact : 1. 2. 3. PEMROGRAMAN WEB."— Transcript presentasi:

1 STMIK MERCUSUAR 1 By : Abdur Rohman, S.Kom Contact : PEMROGRAMAN WEB SESION 3 : Memformat Dokumen html (lanjutan)

2 Physical Format Physical format adalah format terhadap fisik suatu font. Tag-tag yang termasuk physical format adalah sebagai berikut : untuk menampilkan huruf tebal. untuk menampilkan huruf miring. untuk menampilkan garis bawah pada teks. untuk menampilkan huruf seperti huruf mesin ketik. untuk membuat garis horizontal di tengah huruf. untuk menampilkan ukuran huruf yang lebih besar. untuk menampilkan ukuran huruf yang lebih kecil. untuk menampilkan subscript. untuk menampilkan superscript. Memformat Dokumen HTML Semua tag-tag tersebut memerlukan penutupnya masing-masing.

3 Memformat Dokumen HTML

4 •Tag Digunakan untuk menandai bagian yang dikhususkan pada sebuah dokumen, misalnya kutipan kitab suci, kata mutiara dll. Teks yang diberi ini akan menjorok ke dalam.

5 Memformat Dokumen HTML Tag Digunakan untuk mengatur jenis, ukuran dan warna font

6 Memformat Dokumen HTML Menggunakan Tabel HTML menyediakan tag-tag untuk membuat sebuah tabel, yaitu : Tag : untuk mendefinisikan sebuah tebel Tag : untuk mendefinisikan baris tabel Tag : untuk mendefinisikan judul tiap kolom atau baris Tag : untuk mendefinisikan isi tiap kolom Atribut untuk tag adalah sebagai berikut : ALIGN : Posisi horizontal tabel BACKGROUND : Menentukan gambar latar belakang tabel BGCOLOR : Menentukan warna latar belakang tabel BORDER : Menentukan tebal bingkai tabel BORDERCOLOR : Menentukan warna bingkai tabel BORDERCOLORLIGHT: Menentukan warna depan bingkai tabel BORDERCOLORDARK: Menentukan warna bayangan bingkai tabel CELLSPACING : Menentukan jarak spasi antar sel CELLPADDING : Menentukan jarak isi sel dengan bingkai HEIGHT : Menentukan tinggi tabel WIDTH : Menentukan lebar tabel VALIGN : Menentukan posisi vertikal teks dalam sel

7 Memformat Dokumen HTML

8 Menggunakan Merger pada Tabel Pada saat kita hendak membuat table, ada kalanya kita membutuhkan format-format tertentu. Format tersebut disesuaikan dengan kebutuhan dari form-form yang hendak dipakai. Seperti : Atribut yang digunakan untuk menggabungkan cell pada tabel adalah : -Colspan (untuk menggabungkan beberapa kolom) -Rowspan (untuk menggabungkan beberapa baris)

9 Memformat Dokumen HTML Untitled Document JUDUL No Nama Alamat No. Telp

10 Memformat Dokumen HTML Images Pertengahan tahun 90'an website-website yang ada tidak memiliki gambar, karena browser yang ada tidak memiliki kemampuan untuk menampilkan gambar. Tetapi sekarang website tanpa gambar akan terlihat membosankan, tetapi website dengan banyak gambar akan terlihat menyebalkan. Jadi, gunakan gambar seperlunya, keluarkan semua imajinasi dan nilai seni anda untuk dapat membuat website yang nyaman dilihat. Saya tidak akan mengajarkan bagaimana cara membuat gambar disini, ada kategori lain diwebsite ini untuk belajar mendesain, anda dapat belajar menggunakan Photoshop. Gambar yang dipasang di website disarankan menggunakan bertipe file gif atau jpg. Untuk memasang image anda memerlukan tag. Tag tidak memerlukan penutup dan memiliki atribut src untuk mengambil gambar dari suatu alamat. ] Coba contoh berikut ini:

11 Memformat Dokumen HTML Images Atribut src disini sama dengan atribut href pada tag yang berisi alamat posisi gambar. Pada contoh kode diatas anda memiliki gambar introhtml_02.gif yang berada pada folder images. Jika anda tidak memiliki file tersebut maka gambar tidak ditampilkan. Atribut width dan height merupakan opsional, tapi saya sarankan untuk mencantumkannya agar browser mengetahui ukuran gambar apabila gambar gagal ditampilkan. Atribut alt berguna untuk menampilkan teks pada gambar jika gambar gagal ditampilkan atau belum selesai ditampilkan. Anda dapat memberikan garis tepi pada gambar dengan menambahkan atribut border

12 Komentar Anda dapat menuliskan komentar dikode HTML, komentar berguna apabila anda ingin kembali mengutak-atik kode maka anda ingat kode tersebut fungsinya apa. Komentar hanya untuk memudahkan anda saja. Komentar tidak ditampilkan oleh browser. Untuk menulis komentar diawali dengan lihat contoh berikut ini: Nama saya Dhimas Anggara

13 Memformat Dokumen HTML

14 BIODATA PRIBADI NamaNama Anda NIMNIM Anda JurusanJurusan Anda JenjangJenjang Anda Jenis KelaminJenis Kelamin Anda T.T.LT.T.L Anda AlamatAlamat Anda HobbyHobby Anda Copyright : © NamaAnda_belajarweb-2013 TUGAS ! BUATLAH TAMPILAN WEB SEDERHANA BERISI DATA PRIBADI ANDA MENGGUNAKAN TABEL! Subject : tugas tabel


Download ppt "STMIK MERCUSUAR 1 By : Abdur Rohman, S.Kom Contact : 1. 2. 3. PEMROGRAMAN WEB."

Presentasi serupa


Iklan oleh Google