Oleh: sumv | 14 Mei 2009

The hspace and vspace attributes

<html>
<body>
<img src=”kumquat.jpeg” align=left>
The kumquat is the smallest of the citrus fruits, similar
in appearance to a tiny orange. The similarity ends with its
appearance, however. While oranges are generally sweet,
kumquats are extremely bitter. Theirs is an acquired taste,
to be sure. Most folks, at first taste, wonder how you could
ever eat another, let alone enjoy it!
<p>
<img src=”kumquat.jpeg” align=left hspace=10 vspace=10>
The kumquat is the smallest of the citrus fruits, similar
in appearance to a tiny orange. The similarity ends with its
appearance, however. While oranges are generally sweet,
kumquats are extremely bitter. Theirs is an acquired taste,
to be sure. Most folks, at first taste, wonder how you could
ever eat another, let alone enjoy it!
</body<
</html>The hspace and vspace attributes

Oleh: sumv | 14 Mei 2009

Resizing and flood-filling images

<html>
<body>
<img src=”one-pixel.gif” width=640 height=20>
</body>
</html>Resizing and flood-filling images

Oleh: sumv | 14 Mei 2009

The border attribute

<html>
<body>
<a href=”test.html”>
<img src=”kumquat.jpeg” border=”1″ />
</a>
<a href=”test.html”>
<img src=”kumquat.jpeg” border=”2″ />
</a>
<a href=”test.html”>
<img src=”kumquat.jpeg” border=”4″ />
</a>
<a href=”test.html”>
<img src=”kumquat.jpeg” border=”8″ />
</a>
</body>
</html>

The border attribute

Oleh: sumv | 14 Mei 2009

Text flow around a left-aligned image

<html>
<body>
<img src=”kumquat.jpeg” align=left>
<img src=”tree.jpeg” align=right>
The kumquat is the smallest of the citrus fruits, similar in appearance to a
tiny orange. The similarity ends with its appearance, however. While oranges
are generally sweet, kumquats are extremely bitter. Theirs is an acquired taste, to be sure.
</body>
</html>

Text flow around a left-aligned image

Oleh: sumv | 14 Mei 2009

Centering an image

<html>
<body>
Kumquats are tasty treats
<br>
<center>
<img src=”kumquat.jpeg”>
</center>
that everyone should strive to eat!
</body>
</html>

Centering an image

Oleh: sumv | 14 Mei 2009

Wrapping text around images

<html>
<body>
<img src=”kumquat.jpeg” align=left>
The kumquat is the smallest of the citrus fruits, similar in appearance to a
tiny orange. The similarity ends with its appearance, however. While oranges
are generally sweet, kumquats are extremely bitter. Theirs is an acquired taste, to be sure..
</body>
</html>

Wrapping text around images

Oleh: sumv | 14 Mei 2009

The align attribute (hr)

<html>
<body>
Line of text
<img src=”h.jpeg” align=middle>
<img src=”v.jpeg”>
goes on …
<br clear=left>
<p>
Line of text
<img src=”h.jpeg” align=middle>
<img src=”v.jpeg” align=middle>
goes on …
</body>
</html>

the align attribute(hr)

Oleh: sumv | 2 Mei 2009

The alt and longdesc attributes

<html>
<body>>
<h3><img src=”Kartun_001.jpg” alt=”*”>Introduction</h3>
<ul>
<li> Kumquat recipes <img src=”pics/new.gif” alt=”(New!)”>
<li> Annual harvest dates
</ul>
Here we are, on day 17 of the tour, in front of the kumquat
packing plant:
<p>
<img src=”pics/packing_plant.gif”
alt=”[Image of our tour group outside the main packing plant]“>
<p>
What an exciting moment, to see the boxes of fruit moving
</body>
</html>allahhuakbar

Oleh: sumv | 1 Mei 2009

The src attribute

<html>
<body>
Here we are, on day 17 of the tour, in front of the kumquat
packing plant:
<p>
<img src=”teori evolusi cinta.jpg”>
<p>
What an exciting moment, to see the boxes of fruit moving
</body>
</html>the-src-attribute1

Oleh: sumv | 1 Mei 2009

Using Rules in Headers and Footers

<body>
Al Baqarah 278-279
<hr>
<h1>Al Baqarah 278-279</h1>
<p>
<img src=”al-baqarah-278-279.jpg”>
<p>
<hr>
<i>Provided as a public service by the
<a href=”feedback.html”>Youth Lovers of World</a></i>
</body>
</html>

using-rules-in-headers-and-footers1

Tulisan Sebelumnya »

Kategori