Skip to main content

Cascading Style Sheet pada tampilan gambar

CSS berperan penting dalam menyajikan informasi dengan visual yang lebih
baik, lebih optimal dari sisi penulisan serta lebih disenangi oleh mesin pencari.
CSS dapat diterapkan hampir pada semua objek yang disisipkan dalam tag
html baik itu tulisan, tabel dan gambar maupun objek lainya. Untuk mengatur
gambar dapat dituliskan secara inline seperti contoh berikut :

<img src="nama-file-gambar" width="lebar" height="tinggi"
alt="text" title="text" border="1" />

Selain dengan cara inline , stlyle CSS dapat diberikan secara embed ataupun
eksternal CSS. Berikut terdapat tiga gambar yang diberi style dimana ukuran
ketiga gambar dibuat sama 200 x 200 dan margin atas gambar adalah 10px
sehingga antar gambar terlihat ada jarak.

<! DOCTYPE HTML>
<html>
<head>
<tittle>Contoh CSS</tittle>
<style>
Img { Margin-top: 10px;
Float: left;
Clear: both;
width:200px;
height:200px;}
</style>
</head>
<body>
Contoh CSS pada gambar (img)<br>
<img src="brokoli.jpg" >
<img src="tomat.jpg">
<img src="paprika.jpg">
</body>
</html>

Labels:

Comments

Post a Comment

Popular posts from this blog

Elemen Desain Grafis, Prinsip Desain Grafis, Tipografi, Foto dan Ilustrasi

Elemen-elemen desain grafis 1. Garis (Line) Sebuah garis adalah unsur desain yang menghubungkan antara satu titik poin dengan titik poin yang lain sehingga bisa berbentuk gambar garis lengkung (curve) atau lurus (straight). Garis adalah unsur dasar untuk membangun bentuk atau konstruksi desain. 2. Bentuk (Shape) Bentuk adalah segala hal yang memiliki diameter tinggi dan lebar. Bentuk dasar yang dikenal orang adalah kotak (rectangle), lingkaran (circle), dan segitiga (triangle). Sementara pada kategori sifatnya, bentuk dapat dikategorikan menjadi tiga, yaitu: 2.1) Huruf (Character) : yang direpresentasikan dalam bentuk visual yang dapat digunakan untuk membentuk tulisan sebagai wakil dari bahasa verbal dengan bentuk visual langsung, seperti A, B, C, dsb. 2.2) Simbol (Symbol) : yang direpresentasikan dalam bentuk visual yang mewakili bentuk benda secara sederhana dan dapat dipahami secara umum sebagai simbol atau lambang untuk menggambarkan suatu bentuk benda nyata, misalnya gamb...
1 comment
Read more

Metode perencanaan LAN

Sekarang kita akan membahas bagaimana merencanakan suatu LAN yang baik. Tujuan utamanya untuk merancang LAN yang memenuhi kebutuhan pengguna saat ini dan dapat dikembangkan di masa yang akan datang sejalan dengan peningkatan kebutuhan jaringan yang lebih besar. Desain sebuah LAN meliputi perencanaan secara fisik dan logic . Perencanaan fisik meliputi media yang digunakan bersama dan infrastruktur LAN yakni pengkabelan sebagai jalur fisik komunikasi setiap devais jaringan. Infrastruktur yang dirancang dengan baik cukup fleksibel untuk memenuhi kebutuhan sekarang dan masa datang. Metode perencanaan LAN meliputi :  Seorang administrator network yang bertanggung jawab terhadap jaringan.  Pengalokasian IP address dengan subnetting.  Peta letak komputer dari LAN dan topologi yang hendak kita gunakan.  Persiapan fisik yang meliputi pengkabelan dan peralatan lainnya. Di ant...
Post a Comment
Read more

Fungsi naskah dalam presentasi video

Dalam membuat presentasi video naskah berfungsi sebagai: 1. dasar penentuan kostum; 2. dasar penentuan pemeran; 3. dasar penghitungan anggaran; 4. dasar penentuan lokasi/dekorasi; 5. dasar pedoman pengambilan gambar/shooting; 6. pedoman utama dalam pelaksanaan produksi; 7. dasar penentuan peralatan yang akan dipergunakan; 8. dasar penentuan kerabat kerja yang diperlukan; 9. Dan-lain yang terkait dengan proses produksi.
Post a Comment
Read more