HAL-PC Web Technolgies SIG

Mail List | SIG Leader

So You Want A Website

HAL-PC Web Technologies SIG

To see the coding that makes this page display and the tags that I am using you will need to open this page in notepad or some other text editor. For simplicity's sake I will use {} to replace the opening and closing angle brackets in the html code I want to display. Otherwise you will not be able to view the html used to create each tag.

To create the title you see above I used a paragraph tag and a font tag. The font tag had 2 parameters or instructions to the browser on what I wanted the font tag to do. In this case I told it to make the words in red 24 pixels high. *Note: All parameters should be inside double quotes.

This page title above would like like this in the code:

{p}{font color="red" size="24px"}{center}So You Want A Website{/center}{/font}{/p}

All of the other paragraphs in this demonstration use browser defauls for text and background colors.

All tags should be in lower case and should have a closing tag at the end of the text or image it applies to.

To create a link to a web page you would use the {a} or anchor tag and a parameter. So to create a regular hyperlink you would use 'a href="TheURLGoesHere"' followed by the text you want displayed for the link and a closing anchor tag.

For example a link to HAL-PC's homepage would be {a href="http://hal-pc.org"}HAL-PC{/a}.

To create an email link you would also use the anchor tag but this time the url address would look a bit different. You would still have the a href=" but there would be an additional parameter inside the url address so that it would read like this:

{a href="mailto:cdwise@wiserways.com"}Cheryl D. Wise{/a}.

*Note that all of the links above are "active" because I have included the "real" tag in the HTML.

From here we went to Q & A for our remaining 10 minutes before we had to vacate the classroom. More information on basic HTML tags is available on the Web Technologies SIG website at http://wiserways.com/web-tech/Presentations/presentations.htm. Scroll down until you see the link to "Beginning or Common HTML". There are links for tutorials from the very basic html to advanced page layout & formatting available on the Web Design & Web Technologies SIGs resources site.

You may reach me with the email link we created above if you have any questions.

About Us | Site Map | Advanced Search | Privacy Policy | Contact Us | ©1999-2006 HAL-PC Web Technologies SIG Leader Cheryl D. Wise