Design Future

HTML NOTES

Choose a hobby or special interest you have for this exercise. You will create a simple website using only html. Use the following information and instruction from the video to create a simple site.

Basic Page Set Up
These are the tags needed for a basic HTML page, in the proper order for making a page. Copy them and substitute your title and your page info.
<HTML>
<HEAD>
<TITLE>Type your title here.</TITLE>
</HEAD>
<BODY>
Type whatever you want to show on
the page between these tags. Use
other HTML tags to modify the page.
</BODY>
</HTML>

A Few Basic Tags
 Places a single-spaced line break, like hitting return. No closing tag needed. The space between this definition and the tag info is created with the tag. Paragraph Tag: Creates a line break with a space after. The space between this definition and the definition of <HR> was created with the tag set.

<HR> Horizontal Rule. Places a line across the page. (Like the line right above "Additional Tags")

Creates BOLD text, like the word BOLD is here.

Creates ITALICIZED text, like the word ITALICIZED is here.

<Hx></Hx> Substitute the "x" in this tag for a number from 1-6 to create different headings for the page. H1 is
largest</H1, H6 is the smallest.

<UL></UL> These tags begin and end a bulleted list. (pg 138)

<LI>List item</LI> tag between the opening and closing list tags. You can create a NUMBERED list by using an <OL></OL> to begin and end the list. (pg 136)

The <LI></LI> tag for the items is still the same. (Note: that is a Letter "I' not a number "1" in the list item tag.)

Adding Links (pg 117 - 133) and
Images (pg 81 - 95)

<IMG SRC="imagename.imagetype"> Use the actual NAME of the image and the file type (usually .gif or .jpg) of an image to have it show on the page.

<A HREF="pagename.html">Text for clickable link goes here.</A> Use the URL (web address) for the page you wish to link to in the opening part of the tag. If the page is in your directory, the file name will be sufficient. If the page is elsewhere, you will probably need the ENTIRE URL. (http://www.vu.org for example). Then, between the opening and closing parts of the tag, add the text you wish clicked.

<AHREF="MAILTO:myemail@my.provider">Text for EMAIL link goes here, good to use the email address.</A> This works the same way as the one above, except you would substitute your email address for a web page.

<A HREF="pagename.html"><IMG SRC="imagename.imagetype"></A> This makes an IMAGE function as a link. Place the code for the image between the two halves of the tags that create a link.

WEB DESIGN