<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
Ditulis dalam Chapter 5, The hspace and vspace attributes
Resizing and flood-filling images
<html>
<body>
<img src=”one-pixel.gif” width=640 height=20>
</body>
</html>
Ditulis dalam Chapter 5, Resizing and flood-filling images
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>
Ditulis dalam Chapter 5, The border attribute
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>
Centering an image
<html>
<body>
Kumquats are tasty treats
<br>
<center>
<img src=”kumquat.jpeg”>
</center>
that everyone should strive to eat!
</body>
</html>
Ditulis dalam Centering an image, Chapter 5
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>
Ditulis dalam Chapter 5, Wrapping text around images
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>
Ditulis dalam Chapter 5, The align attribute hr
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>
Ditulis dalam Chapter 5, The alt and longdesc attributes
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>
Ditulis dalam Chapter 5, The src attribute
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>
