The table below lists the commands that you need in order to create
a basic, functional Web page. Any time you see a blank space between two
quotation marks (" "), that means you need
to insert the name of a file. For example, if you want to place an image
on a page, you'd use <img src=" ">,
and you'd need include the name of the image. If the name of the image
were laser.jpg, then your code should read
<img
src="laser.jpg">.
| Category | Code | Description |
| Page-Level Format | <html></html> | Confirms for the Web browser that the page uses HTML code. The first part of the pair <html> appears at the beginning of the page, and the second part </html> appears at the end. |
| <title> </title> | Gives your page a title, which then appears at the very top bar of your Web browser screen. The title also appears in a viewer's Go menu and in one's Bookmarks, so it's important to give a descriptive title. | |
| <body background=" "> | Lays a "wallpaper" background on your Web page. Text and images are
laid over that background. See a Web authoring site such as The Web
Developer's Virtual Library for links to background samples. (Note:
Another way to affect background color is
<body bgcolor=" "> |
|
| Paragraphs & Lines | <p> </p> | Inserts a blank line into a page. Use this code to create block paragraphs. (Note: You don't really need the end code </p> all the time.) |
| <br> | Inserts a line break. Use this code when you want to start a new line of text but don't want to insert a blank line. | |
| <ul> </ul> | Indents the left margin of a paragraph. | |
| <li> | Inserts a bullet and creates a hanging indent. Use this code with <ul>
</ul> to create bulleted, indented lists.
|
|
| <hr> | Inserts a gray line. This code is useful if you want to use lines to separate parts of a text. | |
| Links | <a href=" "> </a> | Creates a link to another Web page. If you wanted to link from your
page to IPFW's page, you'd type:
<a href="http://www.ipfw.edu">Indiana University, Purdue University Fort Wayne</a>. The name of the university (i.e., the three words appearing before </a>) would be the link that viewers click on to get to the WKU site. |
| <mailto:> | Inserts a link that allows people to compose and send email. Instead of typing a href="http: . . ." you type a href="mailto:" and the email address | |
| Images | <img src=" "> | Inserts a graphic image into a page. If the name of your graphic were
laser.jpg,
then your code should read
<img src="laser.jpg">. |
| Color | <font color="# "> </font> | Sets the color of your text. Color codes are six digits long--two digits each for red, green, and blue. To set a gray font, for example, you'd type <font color="#808080">. |
| <body bgcolor="# "> | Sets the background color of your page. If you wanted your text and
graphics to appear on a white background, you'd type
<body bgcolor="#ffffff"> |
|
| Fonts | <h1> </h1> | Sets heading sizes. <h1> </h1> sets the biggest headings. <h2> </h2> sets subheadings, etc. |
| <font size= > </font> | Sets font sizes. Text appearing between <font size=+1> </font> would be bigger than text appearing between <font size=1> </font>. If you don't include this code, the browser uses a default size. | |
| <font face= > </font> | Lets you choose font styles, such as Helvetica, Times Roman, etc. | |
| <b> </b> | Sets boldface. | |
| <I> </I> | Sets italics. |
