Resume Desain Web (pertemuan 4)
Content Display dalam Halaman Web
HTML Text Formating
HTML menggunakan tag seperti <b> dan <i> untuk format output, seperti bold atau italic text. contoh :
•This text is bold -> <b>This text is bold</b>
•This text is italic -> <i>This text is bold</i>
HTML Styles
Attribut Style digunakan secara langsung terhadap tag yang berada dalam BODY untuk melakukan pengaturan dengan properti-properti CSS.
HTML Images
Sebelum mempraktekkan penambahan gambar dalam dokumen web, ada baiknya untuk mengenal berbagi tipe gambar yang dapat ditampilkan oleh browser.
- Graphis Interchange Format (GIF)
Gif 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. Mengingat dukungan warna yang terbatas, GIF cocok untuk membuat gambar yang melibatkan sedikit warna, misalnya logo atau gambar tombol
- Joint Photographics Experts Group (JPEG)
Berbeda dengan GIF, JPEG menggunakan 24 bit untuk setiap warna. Dengan demikian, warna yang bisa ditangani mencapai 224 atau 16.777.216 buah. Oleh karena itu, format gambar ini sering disebut “jutaan warna”. Mengingat keadaan seperti ini. JPEG sangat cocok untuk mendukung foto. JPEG tidak mendukung transaparansi dan animasi. Namun JPEG progresif mendukung interlancing.
- · Portable Network Graphics (PNG)
PNG dirancang oleh W3C (World Wide Web Consortium) untuk mengantikan GIF dan JPEG. Formatnya didesain supaya tidak tergantung pada mesin sehingga apapun jenis komputer dan sistem operasi yang digunakan dapat menangani gambar PNG.
Ada dua macam PNG:
o PNG-8
o PNG-24
PNG-8 menggunakan 8 bit untuk menyimpan sebuah warna, sedangkan png-24 memakai 24-bit
Untuk menyertakan suatu gambar sebagai latar belakang, anda 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”>
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
Group Baris
• 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
• HTML Unordered Lists
Undordered list dimulai dengan <ul> tag. Tiap list item dimulai dengan <li> tag.
The list items are marked with bullets (typically small black circles).
• HTML ordered list
Ordered list dimulai dengan <ol> tag. Each list item starts with the <li> tag. The list items are marked with numbers.
• HTML Definition Lists
definition list adalah list of items, dengan mendeskripsikan tiap item.
The <dl> tag defines a definition list.
The <dl> tag is used in conjunction with <dt> (defines the item in the list) and <dd> (describes the item in the list)
Langganan:
Posting Komentar (Atom)
