Warung Bebas

Selasa, 30 April 2013

Dasar-dasar HTML ~ mengubah ukuran gambar,boder,dan tittle

Dasar-dasar HTML ~ Artikel ini membahas tentang beberapa perintah dasar HTML,diantaranya :


* Cara mengubah ukuran gambar
* Cara/penggunaan border
* Penggunaan Title

Bagi pemula,hal ini sangat bermanfaat untuk coding selanjutnya dan merupakan salah satu pondasi bagi programer web.
Untuk lebih jelasnya,kita akan membuat sebuah tampilan seperti dibawah ini :


Untuk menampilkan sebuah tampilan seperti diats,ketik perintah berikut ini :

<html>
<head>
<title>Tugas</title>
</head>
<body bgcolor="#0080FF">
<h1>TUGAS</h1>
<ol type="I">
<li><b>Mengubah Ukuran Gambar / Foto</b></p>
<img src="Image/Aq.jpg" width="200" height="250" />
<img src="Image/Aq.jpg" width="100" height="150" /></p></p>

<li><b>Alternatif Image</li></P>
<img src="Image/Untitled-1.jpg" width="200" height="250" title="Indonesiacoding.com" />
<img src="Image/Aq.jpg" width="200" height="250" title="adhye08agustus.blogspot.com"></p>
</body>
</html>

Penggunaan Border / bingkai foto
















untuk menampilkan tampilan diatas,tambahkan perintah berikut ini di antara <ol> pembukan dan </ol> penutup  :

<li><b>Image Border</b></li></p>
<img src="Image/adhye.JPG" width="150" height="200" border="5" />
<img src="Image/adhye.JPG" width="150" height="200" border="10" />



Semoga bermanfaat..

0 komentar em “Dasar-dasar HTML ~ mengubah ukuran gambar,boder,dan tittle”

Posting Komentar

 

Indah Hidup Copyright © 2012 Fast Loading -- Powered by Blogger