resume ke-4

Content Display

dalam

Halaman Web

HTML Text Formating

HTML menggunakan tag seperti <b> ,<em>, dan <del> untuk memformat output seperti tebal,miring dan diberi garis menembus tulisan.
Contoh tag :

-          <em> = memberi efek miring pada tulisan

-          <sup> = memberi efek superscript pada tulisan

-          <del> = memberi efek garis yang menembus tulisan

Atribut Style

Digunakan secara langsung terhadap tag yang berada dalam BODY untuk melakukan pengaturan dengan properti-properti CSS.

HTML Images

Beberapa jenis gambar :

-          GIF (Graphic Interchange Format)

hanya mendukung 256 warna.msalah satu warna bisa bersifat transparant, yang memungkinkan warna ini tembus terhadap latar belakang. Khusus untuk format GIF87a tersedia fitur interlancing.

cocok untuk membuat gambar yang melibatkan sedikit warna, misalnya logo atau gambar tombol.

-          JPEG (Joint Photographic Expert Group)

menggunakan 24 bit untuk setiap warna. Dengan demikian, warna yang bisa ditangani mencapai 2²⁴ atau 16.777.216 buah.

sangat cocok untuk mendukung foto.

tidak mendukung transaparansi dan animasi. Namu JPEG progresif mendukung interlancing (sebuah teknik menampilkan gambar secara gradual).

-          PNG (Portable Network Graphic)

didesain supaya tidak tergantung pada mesin sehingga apapun jenis komputer dan sistem operasi yang digunakan dapat menangani gambar PNG.

Ada dua macam PNG:

•         PNG-8

•         PNG-24

PNG-8 menggunakan 8 bit untuk menyimpan sebuah warna, sedangkan png-24 memakai 24-bit.

Untuk menyertakan suatu gambar sebagai latar belakang, bisa menggunakan atribut BACKGROUND pada tag <body>. Bentuknya sebagai berikut:

            <body background = “namaberkasgambar”>

Untuk menampilkan gambar, anda bisa menggunakan tag <img>. Tag ini mempunyai banyak atribut, tetapi hanya satu yang harus disertakan, yaitu atribut SRC.

            <img src = “nama_gambar”>

Mengatur Letak Teks Terhadap Gambar

Tag <img> menyediakan atribut bernama align yang berfungsi untuk mengatur penempatan teks terhadap gambar. Atribut tersebut memiliki nilai :

-          TOP = teks diletakkan di bagian atas

-          MIDDLE = teks diletakkan di bagian tengah-tengah

-          BOTTOM = teks diletakkan di bagian bawah (merupakan nilai default)

HTML Tables

Untuk membuat tabel. Anda harus memulainya dengan pasangan tag <table>..</table>. Di dalam tag anda dapat menentukan banyak kolom dan baris. Perataan, warna dan pengaturan lainnya.

Atribut Table:

•         Border : untuk membuat batas tepi.

•         Width : untuk mengatur lebar table.

•         Align : untuk mengatur bentuk perataan horizontal data di dalam table. Seperti kiri, tengah, atau kanan

Baris tabel bisa dibagi menjadi tabel head. Tabel foot dan tabel body dengan menggunakan elemen THEAD, TFOOT dan TBODY.

Tabel head dan tabel tfoot berisi informasi tentang tabel kolom. Tabel body berisi dari table data.

Setiap THEAD, TFOOT dan TBODY berisi group baris dan masing-masing group paling sedikit berisi satu baris didefinisikan dengan elemen <tr>

HTML List

Ada beberapa jenis HTML list :

a.      HTML Unordered Lists

Dimulai dengan tag <ul>. Tiap item dimuali dengan tag <li>. Hasilnya tiap list yang ada akan menggunakan “bullets”.

b.      HTML Ordered Lists

Dimulai dengan tag <ol> dan tiap item dimulai dengan tag <li>. Hasilnya tiap list yang ada akan menggunakan “numbering”.

c.       HTML Definiton Lists

Berfungsi seperti menjelaskan suatu item yang akan menjorok kedalam.
tag <dl> diikuti dengan <dt>=untuk itemnya dan <dd>=untuk menjelaskan item  tersebut.