CSS: Display vs Visibility

BY IN HTML Comments Off on CSS: Display vs Visibility

Style display dan visibility ini biasanya digunakan untuk menampilkan atau menyembunyikan object di dalam halaman HTML. Untuk Display mempunyai 2 property yang utama yaitu: – None: Tidak kelihatan – Block: kelihatan Sedangkan untuk Visibility juga mempunyai 2 property yang dapat diset nilainya yaitu: – Hidden: Tidak kelihatan – Visible: kelihatan Perbedaan diantara keduanya mungkin tidak

CONTINUE READING …

Background Style

BY IN HTML Comments Off on Background Style

Dengan menggunakan CSS, kita dapat membuat variasi background untuk interface halaman web kita. Berikut ini adalah contoh2nya: Mendefinisikan background dengan warna kuning p { background-color: yellow; } Menggunakan image untuk background halaman body { background-image: url(“gambar.jpg”) } Membuat watermark (jika discroll, gambar tidak akan bergerak) body { background-image: url(“gambar.jpg”); background-attachment: fixed } Mengulang gambar ke

CONTINUE READING …

Script

BY IN HTML Comments Off on Script

JavaScript adalah aplikasi pemrograman yang dapat kita gunakan untuk membuat halaman situs kita menjadi lebih dinamis dan atraktif. Contoh penggunaan JavaScript yang kita pelajari nantinya adalah bagaimana kita bisa membuat animasi dalam halaman situs kita. Berikut adalah contoh program JavaScript. Menulis teks pada halaman web <HTML> <HEAD> <TITLE>Contoh Pertama Program JavaScript</TITLE> </HEAD> <BODY> <SCRIPT LANGUAGE

CONTINUE READING …

Layer

BY IN HTML Comments Off on Layer

Dengan CSS, kita dapat mengaplikasikan layer di dalam halaman web. Layer adalah bagian dari HTML yang dapat diletakkan di atas halaman yang biasa dengan satuan pixel. Keuntungan yang dapat diperoleh dengan menggunakan layer dapat bermacam-macam, sedangkan salah satu kerugiannya adalah browser Netscape tidak mempunyai kemampuan untuk mensupport layer. Coba perhatikan kodenya berikut ini: #Layer1 {

CONTINUE READING …

Frameset

BY IN HTML Comments Off on Frameset

Yang dimaksud dengan Frameset di dalam dunia website adalah membagi tampilan website ke dalam beberapa file HTML. Jadi dengan Frameset, kita dapat menggabung dua atau lebih file HTML ke dalam satu tampilan website. Jika suatu saat kita browsing di internet dan kita menjumpai tampilan website yang menampilkan banner iklan di bagian tertentu, misalnya di atas

CONTINUE READING …

Image Mapping

BY IN HTML Comments Off on Image Mapping

IT’S ALL ABOUT LINK! Yang dimaksud dengan ImageMap atau Image Mapping adalah membagi sebuah image ke dalam satu atau beberapa region, yang biasanya region tersebut dapat dijadikan link untuk berpindah ke halaman ataupun situs tertentu. Jika pada saat browsing, kita pernah melihat sebuah gambar yang besar dan sebagian region dari gambar tersebut bisa kita klik

CONTINUE READING …

Rollover Button

BY IN HTML Comments Off on Rollover Button

Yang dimaksud dengan Rollover button umumnya adalah sebuah link yang terbuat dari dua buah image. Image yang pertama akan ditampilkan pada kondisi statis, sedangkan apabila kita menyorot button tersebut dengan mouse, maka Image yang kedua yang akan ditampilkan. Persiapan yang pertama, kita sisipkan script berikut ini pada tag head catatan: script ini otomatis generated dari

CONTINUE READING …

Links

BY IN HTML Comments Off on Links

Sebuah halaman web dapat berhubungan satu dengan lainnya. Hal ini memudahkan user yang mengunjungi website kita untuk berpindah dari halaman yang satu ke halaman yang lain. Untuk membuat sebuah link, kita dapat menggunakan tag <a href=”location”>Click Here</a> Jenis-jenis Link yang ada pada Web: Ditinjau dari tampilannya: * Teks Link adalah bentuk link yang paling sederhana.

CONTINUE READING …

CSS – Cascade Style Sheet

BY IN HTML Comments Off on CSS – Cascade Style Sheet

Setelah mempelajari cara pengubahan format teks dan lainnya, kita akan menyadari bahwa jika kita akan memformat beberapa teks di dalam halaman web kita, maka kita harus memformat berulang-ulang. Jika teks yang diformat mempunyai banyak style, hal ini akan memakan banyak waktu. Untuk mengatasi hal ini, kita bisa mendefinisikan sebuah style untuk halaman web kita. Ada

CONTINUE READING …

Manipulasi teks HTML (Bag 2)

BY IN HTML Comments Off on Manipulasi teks HTML (Bag 2)

Singkatan Kadang dalam teks informasi ada kalimat yang ditulis dengan singkatannya (akronim) saja. Namun agar pembaca tahu kepanjangannya saat mouse pointer berada pada singkatan itu, kepanjangan dari singkatan itu bisa ditampilkan. Untuk keperluan ini digunakan tag : <ACRONYM TITLE=”Kepanjangannya”>singkatan</ACRONYM> Entitas Karakter Beberapa karakter adalah bagian dari program html, misalnya tanda lebih kecil (<) atau tanda

CONTINUE READING …

Manipulasi teks HTML (Bag 1)

BY IN HTML Comments Off on Manipulasi teks HTML (Bag 1)

Format teks html artinya mengatur atau memanipulasi teks informasi yang ada pada halaman web sesuai keinginan kita. Berikut ini adalah tag-tag yang digunakan untuk tujuan tersebut : Ganti Baris Browser memiliki kemampuan pelipatan teks (Word Wrap) artinya teks informasi akan ditampilkan sesuai lebar halaman browser. Kita dapat memaksakan ganti baris tetapi tetap pada paragraf yang

CONTINUE READING …

Mulai Membuat Homepage

BY IN HTML Comments Off on Mulai Membuat Homepage

Tag-tag Dasar HTML Dokumen HTML secara mendasar akan terdiri atas teks informasi. Teks informasi disusun dengan tag-tag dan diatur dalam bagian (section) yang sesuai fungsinya. Berikut ini adalah tag-tag dasar html : 1. Html Tag dasar yang digunakan untuk mendefinisikan bahwa dokumen yang diketik adalah dokumen html. Tag ini harus diketik di awal dokumen html.

CONTINUE READING …