Upload presentasi
Presentasi sedang didownload. Silahkan tunggu
1
Atribut dalam Body Atribut dan contoh penulisan Fungsi
<body> <body bgcolor=”red”> <body bgcolor=”#FF0000”> text=” ... “ link=” ...” vlink=”...” alink=”...” <body background=”D:\Gambar.jpg”> 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>… </b>. b. Untuk membuat tulisan miring menggunakan tag <I> … </I>.
4
FONT <font> dapat digunakan untuk mengubah ukuran, jenis, dan warna dari teks. Atribut untuk teks font diantaranya: <font size= “..” >: digunakan untuk mengatur ukuran huruf. <font face = “ ..”>: digunakan untuk mengatur jenis huruf yang digunakan. Jenis huruf yang dapat digunakan adalah jenis huruf yang telah terinstall dalam komputer tersebut. <font color= “..”>: 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. <Hn> .... </Hn>
6
Layout Untuk mengatur tampilan teks didalam browser ada beberapa tag yang digunakan diantaranya: Tag break <br> Tag ini berfungsi untuk berpindah baris, tag ini tidak memiliki pasangan. Untuk membuat baris baru letakkan tag ini sebelum baris baru tersebut dimulai. Tag <p> Tag <p> digunakan untuk membuat paragraf baru. Atribut yang biasa menyertai tag ini adalah align. <P ALIGN="left"> rata kiri</P> <P ALIGN="center"> tengah </P> <P ALIGN="right"> rata kanan </P>
7
Layout Tag <pre>
Tag ini digunakan untuk menampilkan teks seperti yang ditulis dalam kode. Contoh : <pre> ……</pre> 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 <ol.... start=14> 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 <li value=5>,
9
List Ordered List,<OL> Penomoran Penulisan tag : <OL>
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 <UL>
Browser tidak memberi nomor urut tetapi hanya bullet. Dimulai dengan tag <UL> dan diakhiri dengan tag </UL>. Setiap baris dari daftar yang dibuat diawali dengan tag <LI> Penulisan tag <UL> <LI> …. </UL>
13
Atribut dalam <Ul>
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 <HTML> <HEAD> <TITLE> LATIHAN LIST</TITLE> </HEAD> <BODY> <b> Ordered list (Daftar berurutan) </b> <OL> <LI> Item pertama <LI> Item kedua </OL> </BODY> </HTML>
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 <OL> <LI> … <UL> <LI> …. </UL> <LI>….. </OL>
17
Contoh Program <HTML> <HEAD> <TITLE> Nested List </TITLE> </HEAD> <BODY> <b> Nested list <br> (Gabungan daftar berurutan dan tak berurutan) </b> <OL> <LI> Item pertama <LI> Item kedua <UL> <LI> Sub item pertama <LI> Sub item kedua </UL> <LI> Item Ketiga </OL> </BODY> </HTML>
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 <DL> dan diakhiri dengan </DL>. Tag <DT> digunakan untuk memformat baris yang menjadi item yang akan dijelaskan. Sedangkan tag <DD> digunakan untuk memformat baris yang menjadi definisi atau penjelasan dari item yang diformat dengan tag <DT>.
20
<DT> List <DD> Penjelasan </DL>
Dinyatakan dengan tag <DL>…</DL>, dimana didalmnya terdapat dua bagian : Istilah yang akan didefenisikan, diyatakan dengan tag tuggal <DT> kepanjangan dari Defenition Term Defenisi dari istilah tersebut, dinyatakan dengan tag tunggal <DD> kepanjangan dari Defenition Data. Penulisan tag : <DL> <DT> List <DD> Penjelasan </DL>
21
Contoh Program <HEAD> <TITLE> LATIHAN GLOSSARY LIST</TITLE> </HEAD> <BODY> <b> Glossary List <br> Suatu daftar penjelasan mengenai istilah</b> <DL> <DT> DL <DD> Tag untuk membuat Glossary list <DT> DT <DD> Tag untuk istilah yang akan dijelaskan <DT> DD <DD> Tag untuk menjelaskan DT </DL> </BODY>
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
Presentasi serupa
