Short list of HTML Tags you should be familiar with.

HyperText Markup Language - HTML Elements

This listing is not intended to be a complete listing of html elements or html tags, but rather to include those that most people seem to need to get started. Even if you use a WYSIWYG editor which eliminates the need to know much of the html code, you will run into situations where the page doesn't display exactly the way that you want it to. Or an element of the page is not positioned exactly where you want it.

By picking up some of the html code, you may be able to edit the code itself in order to accomplish what you want.

Some Important HTML elements to pick up EARLY.

Paragraph <p></p> Used to identify a paragraph. It wraps long lines to the next line. It puts a blank line AFTER the paragraph and before the next text in the html document.

Break <br> Used to end the line. Text following the Break tag is started on the next line. If  TWO Break tags are used some browsers will display a blank line and will then continue the text that follows on the next line after the blank line.

Bold <b></b>  Used to make the text BOLD

Anchor <a></a> Used to identify text or an image which when clicked will take the user to another place in the document or to another web page in the current site or even a different site. If I wanted you to go to a spot in a web page, I would need to first create a destination anchor by enclosing some text within the Anchor tags. By including name="bottom" inside the brackets of the starting tag, the destination will be known as bottom. I have done that already on this page. If you click the following  text hyperlink it will take you to the bottom of this page. pagebottom

Most of the time the hyperlinks will take you to another web page such as the link that follows:
http://how-to-setup-your-own-website.com but you should look at the html source to see exactly how this is written. It includes the url of the site inside the starting tag and it includes it again between the starting and ending tags. Your browser will automatically display the text between the tags as bright blue and underlined. That display behavior can be overwritten so that the text will appear differently.

Image <img> Used to insert an image into the web page. It must include the location and the name of the image file that you want the browser to insert. It can be an image located on your web server or it can be located on another web site. If you have the image located in the same folder with the webpage, you only need to give the name of the image file.

It can include the height and width of the image and alignment and whether the image will be displayed with or without a border.

By using the Image tag instead of text in the Anchor tag, you can have an image displayed which will take the user to another place on the page or another web page. View the source to see how the image below is hyperlinked.

Comments can be inserted into the html document. By including comments between tags  like these

<!-- lines of text can be inserted between tags like these in the html. They will be seen when you View Source, but they will not appear when the browser displays the page -->

 

Text Spacing

html files are plain text documents. You can create a simple file using Microsoft Notepad. Notepad is available on any Windows System. It can be found by clicking the START button, then All Programs, Accessories, the Notepad. It is better to use a simple text editor like Notepad than Microsoft Word, because Notepad does not put in extra formatting characters that may be included in a Word file.

To see some of the spacing tags illustrated click here.

Bottom of the page.                    RETURN to Anchor Tag