All of the text fields below (e.g. ) contain HTML. Use you mouse or keyboard to copy and paste the HTML into a "plain text editor" (e.g. notepad, textpad).
Save the file to your desktop as an HTML file, (e.g. file_name.html). Once they are saved, you can double click on them or use your keyboard to open them. They will automatically open in your default Web browser. When the files are open in your Web browser, you will be able to see how the HTML works in your browser.
Various Web browser types will display the HTML differently.
************************************************************************************************************
Lesson 2:
HTML Tags
We have looked at the basic tags necessary to create a compliant Web page. The HEAD tag was one of those basic tags. There are many other tags used in HTML and we will begin looking at them and their connection to the basic tags already given.
The TITLE tag lets you tell the browser and any search engines what the name of your Web pages is. This tag goes between the HEAD tags as follows:
Formatting Text with Headers:
A header is a type of text element that lets the viewers of your Web page know what the important subjects and topics are. In a print document you often see text displayed in large bold type just before a topic or subject. In HTML, you can use the tag.
The "n" is a place holder for a value between 1 and 6. One being a large header and six being a small header. Headers should go between the BODY tags normally but can be defined using CSS or SSI (to be discussed later). The actual text for the header should go between the opening and closing header tags. Lets look at the basic header inside of our already made Web page:
Alingning Headers:
One of the attributes of the header tag is ALIGN. This attribute will define how a header should be positioned on the page. By default (without using an ALIGN attribute) the header will align to the left of the Web page. However, you have left, right and center options available. You can align a header with:
The ("right") value can be replaced with ("left") or ("center"), without the parentheses.
Formatting Text with Paragraphs:
The PARAGRAPH tag is another tag used to format the appearance of text on a Web page. It generally goes inside of the BODY tags unless called from CSSs or SSIs (discussed later). The PARAGRAPH tag tells the Web browser that a paragraph of text will begin here. Each paragraph tag separates the text with a blank line. PARAGRAPH tags should be opened and closed as previously shown with other tags:
PARAGRAPH tags also have the ALIGN attribute available to them. The default alignment is left, but right and center are also available. Lets look at the PARAGRAPH tag and alignment attribute being used in our already made Web page:
Copy the above source code to your text editor and save it as lesson2.html
Open the file in you browser to see the results!