Presentasi sedang didownload. Silahkan tunggu

Presentasi sedang didownload. Silahkan tunggu

Atribut dalam Body Atribut dan contoh penulisanFungsi text=”... “ link=”...” vlink=”...” alink=”...” Backgorund halaman berwarna merah Memberi warna pada.

Presentasi serupa


Presentasi berjudul: "Atribut dalam Body Atribut dan contoh penulisanFungsi text=”... “ link=”...” vlink=”...” alink=”...” Backgorund halaman berwarna merah Memberi warna pada."— Transcript presentasi:

1 Atribut dalam Body Atribut dan contoh penulisanFungsi text=”... “ link=”...” vlink=”...” alink=”...” Backgorund halaman berwarna merah Memberi warna pada teks Warna link Warna link yang sudah dikunjungi Warna link yang aktif Memberi background gambar pada halaman

2 Text Formatting

3 Mengubah Bentuk Tulisan Tulisan dalam halaman web dapat diformat seperti dalam pengetikan dokumen teks biasa. Berikut tag untuk merubah style huruf dalam HTML: a. Untuk membuat tulisan bercetak tebal menggunakan tag …. b. Untuk membuat tulisan miring menggunakan tag ….

4 FONT dapat digunakan untuk mengubah ukuran, jenis, dan warna dari teks. Atribut untuk teks font diantaranya: – : digunakan untuk mengatur ukuran huruf. – : digunakan untuk mengatur jenis huruf yang digunakan. Jenis huruf yang dapat digunakan adalah jenis huruf yang telah terinstall dalam komputer tersebut. – : digunakan untuk mengatur warna huruf.

5 Heading Heading merupakan judul atau subjudul dalam halaman web. Nilai heading ada berkisar antara 1sampai dengan 6. Heading level 1 biasanya digunakan untuk judul utama.....

6 Layout Untuk mengatur tampilan teks didalam browser ada beberapa tag yang digunakan diantaranya: Tag break Tag ini berfungsi untuk berpindah baris, tag ini tidak memiliki pasangan. Untuk membuat baris baru letakkan tag ini sebelum baris baru tersebut dimulai. Tag Tag digunakan untuk membuat paragraf baru. Atribut yang biasa menyertai tag ini adalah align. – rata kiri – tengah – rata kanan

7 Layout Tag Tag ini digunakan untuk menampilkan teks seperti yang ditulis dalam kode. Contoh : …… Spasi Browser hanya akan menampilkan satu spasi tiap antar kata, untuk menampilkan lebih dari satu spasi digunakan kode “ ”

8 LIST HTML menyediakan beberapa jenis daftar : – Ordered list / numbered list Daftar berurut / daftar dengan nomor – Unordered list / bulleted list Daftar tak berurut / daftar dengan titik – Menu list (daftar menu) – Directory list – Definition list(glossary/daftar istilah) Untuk memulai list juga tidak perlu dari awal, dari tengah juga bisa, menggunakan tag jumlah dari start harus berupa angka, walaupun tipe dari list yang digunakan adalah tipe huruf.Anda juga dapat merubah urutan list(khusus ordered list) langsung dengan tag,

9 List Ordered List, Penomoran Penulisan tag : ……. ……..

10 Atribut dalam ol Atribut Fungsi – TYPE = A Membuat daftar berurut dengan huruf besar – TYPE = a Membuat daftar berurut dengan huruf kecil – TYPE = I Membuat daftar berurut dengan bilangan romawi berhuruf besar – TYPE = i Membuat daftar berurut dengan bilangan romawi berhuruf kecil – TYPE = 1 Mengembalikan daftar berurut pada nomor (default)

11 Contoh type

12 LIST Unordered List Browser tidak memberi nomor urut tetapi hanya bullet. Dimulai dengan tag dan diakhiri dengan tag. Setiap baris dari daftar yang dibuat diawali dengan tag Penulisan tag ….

13 Atribut dalam Atribut Fungsi – TYPE = CIRCLE Membuat tanda lingkaran untuk item – TYPE = SQUARE Membuat tanda kotak untuk item – TYPE = DISC Membuat tanda cakram untuk item

14 Contoh program LATIHAN LIST Ordered list (Daftar berurutan) Item pertama Item kedua

15

16 LIST Nested List Nested list adalah list didalam list biasanya berupa gabungan dari Ordered List dan Unordered List. Dalam nested list diawali oleh Ordered list kemudian diselipkan Unordered list. Penulisan tag … …. …..

17 Contoh Program Nested List Nested list (Gabungan daftar berurutan dan tak berurutan) Item pertama Item kedua Sub item pertama Sub item kedua Item Ketiga

18

19 LIST Glossary List Disebut juga Definition List. Setiap item pada Glossary List mempunyai dua bagian yaitu istilah dan definisinya. Glossary List biasanya digunakan untuk menyajikan daftar istilah di halaman Web. Tag untuk Glossary list adalah dan diakhiri dengan. Tag digunakan untuk memformat baris yang menjadi item yang akan dijelaskan. Sedangkan tag digunakan untuk memformat baris yang menjadi definisi atau penjelasan dari item yang diformat dengan tag.

20 – Dinyatakan dengan tag …, dimana didalmnya terdapat dua bagian : Istilah yang akan didefenisikan, diyatakan dengan tag tuggal kepanjangan dari Defenition Term Defenisi dari istilah tersebut, dinyatakan dengan tag tunggal kepanjangan dari Defenition Data. Penulisan tag : List Penjelasan

21 Contoh Program LATIHAN GLOSSARY LIST Glossary List Suatu daftar penjelasan mengenai istilah DL Tag untuk membuat Glossary list DT Tag untuk istilah yang akan dijelaskan DD Tag untuk menjelaskan DT

22 Hasil Program

23 Langkah sederhana dalam membangun web Buat rencana (blueprint). Indentifikasi content dari situs Mengerti copyright (hak cipta) Cari pertolongan HTML Rancang untuk audience anda Bekerja dengan grafik Tip disain web Advanced web tools Mencari rumah untuk situs anda Publikasikan situs anda Pelihara & update Membuka masukan Ukur traffik


Download ppt "Atribut dalam Body Atribut dan contoh penulisanFungsi text=”... “ link=”...” vlink=”...” alink=”...” Backgorund halaman berwarna merah Memberi warna pada."

Presentasi serupa


Iklan oleh Google