Creating Web Pages using HTML
Background. Hypertext Markup Language (HTML) is the language used to create the pages for World Wide Web browsers such as Netscape and Internet Explorer. Generally, it is no longer necessary to learn HTML because there now exist a variety of front end processors to develop the necessary code. FrontPage, PageMaker and DreamWeaver are three of the biggest front end development tools. The user works in a WYSIWYG (What You See Is What You Get) environment and the program develops the HTML that underlies it. Thus, it is entirely acceptable for you to take this page very lightly, there is not much call for developing basic HTML. On the other hand, there are some distinct advantages to having at least some sense of how HTML works and there are times when you need to resort to direct use of HTML when your front end processor lacks desired features.
HTML Commands. HTML uses a set of formatting tags to determine things such as whether items are bolded, centered, where to separate paragraphs, underlined and on and on. Typically the tags come in pairs, surrounding the text they are intend to mark up.
Fore example, bolding text on a page would look like
<B>this text is bolded</B>
HTML commands almost always begin with a < (less than sign) and end with a > (greater than sign). When used in pairs, HTML tags are always related. The closing tag is just the initial tag with a / added in front of it.
White space, anything that is not a printable character, is generally ignored by HTML. Blank lines or spaces will generally not affect your Web page. The tags are not case sensitive.
Essential and Most Basic HTML Tags.
Creating a First Web Page and Viewing It. After starting Word type these following lines in the file
Now you should save your file
Now you should view your HTML file
Adding an Image. The image file should either be in the same directory as your HTML file or a subdirectory. I like to put all of my images in a subdirectory so I will use this approach. The image file should have either a .gif or .jpg extension and be of the corresponding type of image.
The tag to insert the image is
For example I want to view the image
You should look at the document source to see the HTML.
Creating a Link to Another Site on the Internet. A link allows someone accessing your webpage to link to another site or page on the Internet. The tag to establish the link is constructed as follows
<A HREF="http://faculty.quinnipiac.edu/business/foxzy">Zy's HomePage</A>
this would establish the following link
Normally, you need to include the name of the file in the path for the page location. In this instance the filename can be left out because I have named my homepage Index.htm and this is the default location.
Using an Image as a Link. An image can be used to link to another page by putting the image source in place of the linking text
This gives the following
Adding a Background Color. To change the background color you need to modify the <BODY> tag to be something like
Using a Background Image. To use an image for a background you need to modify the <BODY> tag to something like
You are the th person to access this webpage!