HTML LANJUT.

Presentasi berjudul: "HTML LANJUT."— Transcript presentasi:

1 HTML LANJUT

2 FONTASI Fontasi = modifikasi font Tag <font> </font>
Atribut tag font Contoh penggunaanya : kita demokan

3 FONTASI (Phyisical Formating) Tag Deskripsi (Logical formating)
<b>..</b> Bold Text <strong>…</strong> <i>..</i> Italic text <em>…<em> <u>..</u> Underline Text <ins>…</ins> <strike>…</strike> Garis tengah pada text <del>..</del>

4 IMAGE (Penyisipan Citra)
Ada beberapa hal yang perlu diperhatikan dalam penyisipan citra atau gambar ke page, yakni : 1. Ukuran file citra 2. Tipe file citra

5 IMAGE (Penyisipan Citra)
File citra dapat disisipkan ke dalam suatu file HTML dengan menggunakan tag <IMG>, yakni dalam format penuh: <IMG SRC="URL" ALT="deskripsi teks" ALIGN="Arah">

6 HYPERLINK

7 HYPERLINK Link bisa merupakan suatu text atau gambar
Pembuatan link dalam suatu file HTML dapat dilakukan dengan menggunakan tag <A> Dua atribut yang sering dipakai pada tag ini adalah href dan target Contoh penggunaanya: <A HREF= Klik di sini </A> <A HAREF = “Tujuan”> <IMG SRC = “nama file gambar.ekstensinya”></A>

8 HYPERLINK Macam –macam LINK :
Link Relatif : Link page lain pada computer yang sama Contoh : <a href = “file2.html”> berikutnya </a> 2. Link absolute : link web lain di internet Contoh : <a href = “ 3. Link ke bagian lain dalam dokumen : Link ke bagian lain dalam page yang sama Contoh : <A href = “#nama bagian ”> bagian lain</a> 4. Membuka Link untuk Window Baru <a href = “ http :// ” target = “_blank”>Google </a> 5. Keluar dari suatu Frame <a href = “ http :// ” target = “_top”>Google </a> 6. Mailto <a href = “ mailto : </a>

9 TABEL Untuk menambahkan sebuah table yang baris dan kolomnya dapat anda sesuaikan kebutuhan table yang anda buat. Elemen table terdiri dari <tr>, <td> dan <th>. Dimana fungsi masing – masing berbeda, <tr> digunakan untuk membuat baris, <th> untuk membuat header, <td> digunakan untuk membuat kolom <table> Width=“…” Mengatur lebar dari tabel Border=“…” Mengatur ukuran bingkai Cellspasing=“…” Mengatur jarak antar sel Cellpadding=“…” Mengatur jarak bingkai dengan isi Align=“..” Mengatur perataan Bgcolor=“…” Mengatur warna dasar tabel Bordercolor=“…” Mengatur warna bingkai tabel

10 <TR> Align=“…” Mengatur perataan isi sel Valign=“…” Mengatur perataan secara vertikal Bgolor=“…” Mengatur warna dasar dari sel <TD> Rowspan = “…” Menggabungkan beberapa baris menjadi satu Colspan=“….” Menggabungkan beberapa kolom menjadi satu

11 TUGAS

12