Joomla Web Sites

When creating a web page in Joomla it is best to use the standards HTML Tags and not specify any additional style information.

This document describes these basic HTML Tags

e.g. <h1>this is a heading</h1>. Note the start and end tag.

Most of the time you must have an end tag to complete the start tag.

<br> or <br /> is a break line
<hr> or <hr /> is a horizontal line

Neither of these absolutely need an end tag, However they are best written <br /> The / indicating the tag has ended. i.e. the tag starts and ends in one go. The next section shows some of the more usual tags, the Joomla Editor will create these automatically.

The section after the Tags is a web page version of these tags. Note the browser displays them with a default style as defined by the web site. The system defines the format of each of the tags in another file called a stylesheet. So our pages only have to think about content and not presentation. Using Joomla the header and footer stuff in an html page is provided by Joomla. Hence the pages you create only contain the basic tags. Lastly here is a link to information about all the HTML tags http://www.w3schools.com/tags/default.asp

Please don't think you need to know all these. Your pages should not have most of them. The sample below has 90% of what you should be aware of. The link is so you can check on any tags that appear that you want to understand.

HTML Tag Sample

<h1>This is a level 1 heading</h1>
<h2>This is a lower heading</h2>
<h5>This is level 5 heading</h5>
<p> This is a basic paragraph with some text and special " characters ' in it<br /> and a break to a new line. </p>

This line has some bold text.

This is the first line of an ordered list

Second line

third line

</ol>

<li>This is the first line of an unordered list</li>

Second line

third line

<hr>

This text is on the left

This text is in the middle

   This text is on the right

            Column 1
            Column 2


            abc
            123


            efg
            456


            hij
            789

Web Page - How the HTML Sample Tags would look.

This is a level 1 heading

This is a lower heading

This is level 5 heading

This is a basic paragraph with some text and special " characters ' in it
and a break to a new line.