![]()
|
IntroductionThis site may be called the Advanced HTML site, but I have decided to include a small page with examples of simple HTML tags. The tags are grouped into related sections.Alligning Text<p align="left">Text to the left</p> <p align="center">Text in the middle</p> <center>Text in the middle 2</center> <p align="right">Text to the right</p> Text to the left Text in the middle Text to the right
Images<img src="bee.gif" alt="Bee" width="173" height="107">Here is a bumble bee inserted with above code.
Headings<h1>Big H1 Heading</h1> <h2>Big H2 Heading</h2> <h3>Medium H3 Heading</h3>The above code produces the below results. Big H1 HeadingBig H2 HeadingMedium H3 Heading
Line Breaks<p>Here is a paragraph</p> <p>And another one</p> Here is a line of<br>text with a break in the middleHere is a paragraph And another one Here is a line of
ListsThe unordered list is a list without numbers.<ul> <li>Unordered list - item 1</li> <li>Unordered list - item 2</li> <li>Unordered list - item 3</li> </ul>
<ol> <li>Ordered list - item 1</li> <li>Ordered list - item 2</li> <li>Ordered list - item 3</li> </ol>
Horizontal Rules<HR> <HR WIDTH="60%"> <HR NOSHADE> You can produce a variety of horizontal rules very easily.
LinksInternal link exampleLink to my <A HREF="index.html">HTML Site</A> main page.Link to my HTML Site main page. External link example Link to external <A HREF="http://www.tradingdiary.co.uk/">Trading Diary</A> web site.Link to external Trading Diary web site. You may want to set a target for your links to set which window the links open in.
Adding tool tips to linksYou can easily add a tool tip to any link by using the 'title' attribute. When you hover over the link you will see the description that you specify. e.g.<A HREF="webspace.htm" title="Guide to buying webspace and domain names">Webspace Guide</A>
Advanced HTML Home Copyright © 1997 - 2025 Hosted by IONOS
|