Archive for the ‘HTML’ Category

Mengenal CSS yuk

March 28th, 2009 by FachruL Stream

Dalam post ini saya membahas sedikit demi sedikit tentang CSS. Sudah tahukah anda tentang apa itu CSS?? nah jika belum tau, baca terus posting ini yah. .

CSS adalah kumpulan format yang digunakan untuk mengatur tampilan atau isi dari sebuah halaman web menjadi lebih fleksibel.

Beberapa Jenis Elemen Dasar CSS :

1.Selector adalah tag/elemen normal pada HTML

2. Declarations adalah satu atau beberapa perintah/nilai dari css yang menunjukkan type /bentuk yang diaplikasikan pada selector yang terdiri dari :

a. Properti (property)

b. Nilai Properti (value)

selector (property: value)

Syarat dan penulisan dalam CSS hampir sama atau tidak jauh beda dengan html, coba lihat . .

1.Inline CSS Style

Inline styles merupakan style yang bisa kita sisipkan pada element web tertentu saja dalam 1 dokumen.

contohnya :

Menampilkan warna teks menjadi biru dan mengatur margin kiri paragraph menjadi 25

<p style=”color: blue; margin-left: 25px”> Paragraph ini berwarna biru </p>

2.Internal CSS Style

CSS Style yang dituliskan/disisipkan langsung pada header dokumen HTML (CSS Style yang penulisannya digabung dengan dokumen HTML dan diletakkan pada header).

contoh lagi :

Membuat background browser menjadi gambar sunset (gambar sunset.jpg terletak di drive C: )

<style type=”text/css”>

body {background-image: url(“C:Sunset.jpg”)}

</style>

3.External CSS Style

CSS Style yang disimpan terpisah dengan dokumen HTML.

contoh yang perlu diperhatikan nih (hehe, dari tadi contoh mulu yah):

Membuat background browser menjadi gambar sunset (gambar sunset.jpg terletak di drive C: ) dan css file ada di drive C:

EXTERNAL.CSS (nama file CSS)

/* CSS Document */

hr {color: sienna}

p {margin-left: 20px}

body {background-image: url(“c:Sunset.jpg”)}

 

EXTERNAL.HTML (File HTML yang memanggil file CSS)

EXTERNAL.HTML (nama file HTML)

<html>

<head>

<link rel=”stylesheet” type=”text/css” href=”c:/css_lib.css”>

</head>

<body>

……

……

</body>

</html>

 

nah dengan sedikit penjelasan dari saya, semoga penjelasan ini bermafaat bagi sang pembaca. Lain waktu saya akan memberikan penjelasan tentang javascript dan semoga dapat memberikan beberapa contoh program untuk di share di blog ini.:-)

Popularity: unranked

Mengenal Html yuk

January 21st, 2009 by FachruL Stream

Hmm, aQ mau berbagi sedikit nih tentang fungsi fungsi kode HTML dan sebagainya. Sedikit sedikit sih aku jadi ngerti fungsi fungsinya dan mulai tertarik untuk mempelajari lebih dalam. Trus dari pada file file tersimpan dihardisk dengan percuma, akhirnya aku buat posting ini deh.

Pertama tama Apa itu HTML?

HTML adalah singkatan dari Hyper Text Markup Language adalah file teks atau file ASCII yang berisi instruksi/script kepada web browser untuk menampilkan suatu tampilan grafis dari sebuah halaman web. Didalam file HTML terdapat beberapa “tag” atau kode-kode yang dimengerti oleh web browser dan dapat menampilkannya di layar monitor.

File HTML dapat dibuat dengan aplikasi text editor apapun di sistem operasi apapun, antara lain : Notepad di Windows, emasc atau vi di Unix atau SimpleText di Macintosh. File HTML ini juga bisa dibuat di aplikasi word processor apapun asalkan saat menyimpan file tersebut disimpan denganformat text-only.

Salah satu kelebihan file HTML adalah cross platform, artinya file HTML dapat ditampilkan di beberapa Operating System (OS) yang berbeda dan memiliki tampilan yang sama walaupun saat pembuatannya menggunakan satu OS tertentu saja. Read the rest of this entry »

Popularity: 1%