Free Service; HTML;
Examples of HTML tags
Images, Links, Lines
Starting from the standard document (as seen on the Writing HTML page) you can add different lay out features to your Internet pages. Here are a few examples. For a full and more tutorial-like document please take a look at the HTML reference list
The HTML tag should be put before and after the letter(s), word(s) or part(s) of a page you want to look different.
and so on ...
<B>Bold</B> looks a lot like <strong>strong</strong>
<P> = A paragraph skips a line>
<BR> = A break starts on a new sentence
The very annoying <BLINK></BLINK>
<CENTER>Center</CENTER> speaks for itself
- As you see most of the HTML tags speak for themselves. Writing HTML does not give you the freedom of keyboard errors, one wrong or missing character can ruin your page!
You can say that there are two kind of images; inline images or outline images.
One great feature of HTML is that you can view an image within your text. You then have to make a reference to the image within your text. The Internet browsers, at the moment, can only view .GIF and .JP(E)G images, because they have a low density (dots per inch).
- An inline image is an image seen within an Internet page.
- Looks like<IMG SRC="misc/welcome.gif" ALT="welcome" WIDTH=92 HEIGHT=49 BORDER=0 UNITS=pixels>
- An outline image is nothing more than the same image but then viewed on it's own by the browser. There is no text or HTML tags next to such images.
- Try me!
- This link looks like an ordinary page link (see below)
- <A href="misc/welcome.gif">Try me!</A>
- It is important to put down the width and height of an image in your tags. The browser reads text first and defining the size enables the browser to leave the exact space for the picture, instead of first having to download it.
- The border=0 tag leaves the line at the edge of the image out, any other figure will show it again.
- The alt text tag explains viewers who took the option not to load images what kind of picture they are missing.
As you would have figured out there are different kinds of hypertextlinks. We can distinguish, page, local, interlocal and inline image links.
The local link; is within your own website (the references are similar tor the DOS\WINDOWS TREE on your harddisk,
- like <a href="directory/filename.html">local link</a> (note the slash/ instead of a backslash\).
A link to Netscape's home page
looks like <A HREF="http://home.netscape.com">Netscape's home page</A>
Interlocal (Internet) links are always put down with full URL's
- for instance; <a href="http://www.etcetera.com"> interlocal link</a>.
Inline Image Link
- You can also combine these tags by making the inline image itself into a link:
- This inline image link like:
- Looks like<A HREF="http://home.netscape.com"><IMG SRC="misc/welcome.gif" ALT="welcome" WIDTH=92 HEIGHT=49 BORDER=0 UNITS=pixels></A>
The page link is used within one page or to a place on another page. You have to do two things to make it work. First you have to "tag" the place where you want to link to.
Let's say go back to the beginning of the links paragraph.
- make a name reference <A NAME="links"> next to the word(!) you want to go to.
- make a normal link to that place: <A HREF="#links">Go to the beginning of the links paragraph</A>.
- The important character here is the #. You can also make a name tag to another page. Just be sure to put the name before the page. Example:<A HREF="writing.html#tags">Writing HTML page</A>
makes horizontal line in your page.
add size, width or align, noshade and your line will adjust
<HR size=10 width=50%>
<HR NOSHADE size=10 align=left width=50%>
- Before I do not keep myself to my words, and do start inventing the wheel again, I will stop this introduction to HTML. Besides, I didn't develop it myself, so the credit should not go to me. The big fun of HTML is that sometimes when you experiment with the tags, you can find "new" ways of writing.