Senin, 22 Maret 2010

CSS (Cascading Style Sheet)

CSS atau Cascading Style Sheet merupakan suatu tempat untuk kita membuat bagus tampilan html kita. CSS  mempunyai 3 metode dasar untuk mengeksekusikannya, yaitu:

1. Inline, adalah metode paling sederhana dan jarang digunakan orang dalam membuat web. Metode inline langsung ditabuhkan ke dalam tag html nya. Biasanya digunakan bila hanya menambahkan style 1 saja.

contoh :

<h1 style="........">  titik-titik tersebut diisi oleh selektor {property1:nilai;property2:nilai;.....dst}

2. Internal, adalah metode yang banyak digunakan tetapi masih terbatas di dalam penggunaannya. Karena bila htmlnya sudah banyak akan sulit untuk menambahkannya.

contoh :

<head>

<style type="text/css">

isi style 

</style>

</head>

3. Eksternal, adalah metode yang paling sering digunnakan di dalam mengembangkan web, karena sangat fleksibel dan dapat menambahkan style pada keturunan sesuai bapaknya.

contoh :

(ditulis di dalam tag htmlnya)

<head>

<link rel="stylesheet" type="text/css" href="(nama tag html nya misalnya tes.css) tes.css ">

<h1 class="italic"> saya seorang kapiten </h1>

</head>

(ditulis di dalam tes.css )

.italic{font-style:italic;text-align:center;color:red;}

di dalam CSS bisa dibubuhkan berbagai macam property yang tersedia.

selamat mencobanya... ^^

Senin, 01 Maret 2010

LIST & LINK

LIST

list itu untuk membuat suatu pilihan berupa subject.
yang perlu diperhatikan yaitu;
Ordered List
<ol type=""> (type bisa diisi oleh 1,I,A,a,i)
<li> </li> (bisa ditutup atau tidak)
<ol> (pentup ol harus ada)

Unordered List
<ul type=""> (type bisa diisi oleh Square,circle)
<li> </li> (bisa ditutup/tidak)
<ul> (penutup ul harus ada)

contoh :
<ol type="i" start="5">
hasilnya :
v...
vi...
vii...
dst...

LINK

<A href="2.html" target="_blank"> (A adalah anchor, 2.html adalah alamat webnya, target="_blank" adalah membuka hal kosong)

href dapat pula langsung diberi alamat url/email yang dituju contoh:
<A href="http://www.facebook.com">
<A href="mailto:orangit@yahoo.com">

link nya bisa kita beri warna, normalnya warna biru tetapi kita dapat menggantinya,
<body link="red" alink="red" vlink="red">
<head> </head>
</body>

TABLE

bila kita akan membuat suatu tabel pada web kita perlu memperhatikan hal-hal dasar berikut ini :
<table> (membuat tabel)
<tr> (rows)
<td></td> (kolom & penutup kolom)
</tr> (penutup rows)
</table> (penutup tabel)

atribut-atribut yang dapat ditambahkan ke dalam <table> adalah sebagai berikut :
border =" " (untuk ketebalan garis pada tabel)
width =" " (untuk lebar tabel)
height =" " (untuk tinggi tabel)
cellpadding=" " (spasi pada isi tabel)
cellspacing =" " (spasi/jarak pada table tersebut dengan tabel lainya)

sedangkan atribut yang dapat ditambahkan ke dalam <td> adalah :
align =" " (isinya bisa "center","left","right" berguna untuk menempatkan posisi isi tabel secara horizontal)
valign =" " (isinya bisa "center","top","bottom" berguna untuk menempatkan posisi isi tabel secara vertikal)
colspan =" " (menggabungkan tabel kolom)
rowspan =" " (menggabungkan tabel baris)

FRAME
beberapa hal dasar dalam membuat frame adalah :
<frameset cols="*,*"> (frame secara kolom)
<frameset rows="*,*"&gt; (frame secara baris)
<frame src=" "> (mengalamatkan framenya)
<img src=""> (mengalamatkan gambar/image)
</frameset> (penutup)

beberapa atribut yang dapat ditambahkan ke dalam <frameset cols=""/rows=""> adalah :
noresize="noresize"/noresize="0" (agar frame tidak dapat digerakan/dirubah ukurannya)
scrolling="no" (agar frame tidak mempunyai scroll)
name=" " (frame diberi nama)
width=" " (lebar frame)
height=" " (tinggi frame)

kita juga dapat melemparkan alamat web yang akan kita buka didalam frame ex:
<A href="catur.html" target="left"> (catur.html itu adalah alamat web yang akan kita buka sedangkan target="left" itu adalah pelemparan yang dituju)