The Basics - The Essential Guide to HTML5 - page 18

Code Explanation

The <a href=" http://stolenchair.
org">St olen Chair Theatre
Company</a> is the web site of a
theatre company performing mainly in
New York City. This is the postcard
for their Summer, 2010
production.<br/>

See previous. Notice that the value for the href attribute
here is a full Web address, and that the HTML includes a
<br/> tag. This will force a line break.

<img src="postcard.jpg"
width="300"/>

An img tag. The source of the image is the file
postcard.jpg. The width is set at 300 pixels.

</article> Closing article tag

<article> Opening article tag

The <a href=" http://friendsofed
.com/"> friends of ED publishers</a>
is the site for the publishers of
this topic. <br/>

See previous. This also refers to a Web address. A <br/>
tag will force a line break before the image.

<img src="friendsofed.gif"
width="300"/>

An img element. The source is friendsofed.gif. The width is
set at 300 pixels.

</article> Closing article tag

</body> Closing body tag

</html>

Closing html tag

It is pretty straightforward how to make this application your own: use your own favorite sites. In most
browsers, you can download and save image files if you want to use a site logo for the hyperlink, or you
can include other pictures. It is my understanding that making a list of sites with comments and including
images such as logos is within the practice called “fair use,” but I am not a lawyer. For the most part,
people like links to their sites. It doesnt affect the legal question, but you can also choose to set the src
in the img tag to the Web address of the site where the image lives if youd rather not download a particular
image file to your computer and then upload it to your web site.

Web addresses can be absolute or relative. An absolute address starts with http://. A relative address is
relative to the location of the HTML file. In my example, the postcard.jpg and the friendsofed.gif are both
located in the same folder as my HTML file. They are there because I put them there! For large projects,
many people put all the images in a subfolder called images and write addresses as "images/postcard.gif".

You also can make this application your own by changing the formatting. Styles can be used to specify
fonts, including specific font, font family, and size. This lets you pick a favorite font, and also specify