<tag name>string of text</tag name>As an example, the title for this section uses a header tag:
<h3>What are HTML tags?</h3>This tag tells a web browser to display the text What are HTML tags? in the style of header level 3. HTML tags may tell a web browser to bold the text, italicize it, make it into a header, or make it be a hypertext link to another web page. It is important to note that the ending tag,
</tag name>contains the "/" slash character. This "/" slash tells a web browser to stop tagging the text. Many HTML tags are paired this way. If you forget the slash, a web browser will continue the tag for the rest of the text in your document, producing undesirable results (as an experiment you may want to try this later).
NOTE: A web browser does not care if you use upper or lower case. For example, <h3>...</h3> is no different from <H3>...</H3>Unlike computer programming, if you make a typographical error in HTML you will not get a "bomb" or "crash" the system; your web page will simply look, well... wrong. It is quick and easy to go inside the HTML and make the changes.
So you will want to be pretty comfortable jumping between different applications and windows on your computer. Another option is to print out the lesson instructions (but we really do not want to promote tree carnage).
Here are the steps for setting up your workspace:
NOTE: Not all web browsers support multiple windows. The only reason to have two windows here is so that you can read the instructions for the lessons and also view your working document.
NOTE: You will need to move back and forth between the different windows to complete these lessons. This can be a challenge depending on the size of your monitor. You may choose to resize the three windows so that they all fit on your screen or layer your windows so you can click on any of them to bring it to the front.
If you are using a word processor program to create your HTML, be sure to save in plain text (or ASCII) format.
Also, it will help you if you first create a new directory/folder on your computer that will be your work area. You can call it workarea or myspace or whatever you like; just make sure that you keep all of the files you create in this one area. It will make your life simpler... well, at least while working on this tutorial!
An HTML document contains two distinct parts, the head and the body. The head contains information about the document that is not displayed on the screen. The body then contains everything else that is displayed.
The basic structure then of any HTML page is:
<html> <head> ** [header info used by some web servers, not displayed] ** </head> <body> ** [all the HTML for display] ** : : : : : : </body> </html>Enclose all HTML work within an <html>....</html> tag. Note that your web pages will display fine on most computers without any of these tags. However by using them, your web pages will be fully compliant with International HTML standards and ensure compatibility with future web browsers.
It's good habit, like brushing your teeth.
Here are the steps for creating your first HTML file. Are you ready?
<html> <head> <title>Volcano Web</title> </head> <body> In this lesson you will use the Internet to research information on volcanoes and then write a report on your results. </body> </html>
NOTE: Look where the <title>...</title> tag is located. It is in the <head>...</head> portion and thus will not be visible on the screen. What does it do? The <title> tag is used to uniquely identify each document and is also displayed in the title bar of the browser window.
In lesson 3 you will learn how to add a title that will appear directly on your web page.
NOTE: For Windows users, by DOS convention, you will have to name all HTML files with extensions of .HTM Your web browser will recognize them even when HTML refers to a file called file.htmBy using this file name extension, a web browser will know to read these text files as HTML and properly display the web page.
If your document was different than the sample, review the text you entered in the text editor. A common mistake is "I cannot see the title!". The text within the <title>...</title> tag is NOT displayed on the web page; you will likely see it in the titlebar of the web browser window
But, to be honest, it is pretty short and not very exciting! In the next lesson you will modify and update your HTML document.
The Internet Connection at MCLI is
Alan Levine --}
Comments to email@example.com