HTML Command List
So now you know the basic points about making a web page. You know what a web page is, how to write commands, and some basic design points.
To help you write web pages, here is a list of HTML commands, for you to use as reference.
| <html> | ||
| No attributes | ||
| <head> | ||
| No attributes | ||
| <title> | ||
| No attributes | ||
| <body> | ||
| bgcolor="color" | Decides the color of the background. List of colors here. | |
| background="filename" | Makes an image be the background for the web page. The image will repeat ("tile") to fill the window. | |
| text="color" | Decides the default text color for the page. | |
| link="color" | Decides the main link color (only 'new' links) | |
| vlink="color" | Decides the color of links for pages the user has visited. | |
| <b> also <strong> | ||
| No attributes | Makes the surrounded text bold | |
| <i> also <em> | ||
| No attributes | Makes the surrounded text italic | |
| <font> | ||
| color="color" | Changes the color only of the surrounded text. | |
| size=+2 | Changes the relative size to +1 to +7, or -1 to -7. | |
| face="fontname" | Changes the font face; BE CAREFUL to use only fonts which everyone has on their computers! | |
| <a> | ||
| href="destination" | Decides where the link will go to. | |
| target="_blank" | Opens the link in a new window. | |
| <img> | ||
| src="filename" | Decides which image will appear. | |
| border=0 | Decides the size of the border. If you want to avoid borders, especially when the image is a link, then use "0" | |
| width=300 | Decides the width of the image. | |
| height=200 | Decides the height of the image. | |
| hspace=4 | Creates a blank margin to the left and right of the image. | |
| vspace=4 | Creates a blank margin to the top and bottom of the image. | |
| align="left" | You can use "left", "right", or "none". Others are possible, but are less common. | |
| <blockquote> | ||
| No attributes | Indents the text 1/2 inch. | |
| <sub> and <sup> | ||
| No attributes | Creates Subscript and Superscipt text styles. | |
| <h1> ~ <h6> | ||
| No attributes | Creates bold text of various sizes; intended for titles inside the web page. You can use H1 through H6 as the command, H1 being biggest. | |
| <center> | ||
| No attributes | Center the content of the page. | |
| <hr> | ||
| width=300 | Decides how wide the horizontal line will be. You can also use a % of the window width. | |
| size=3 | Decides how thick the line will be. | |
| align="left" | Horizontal rules are usually centered. You can set the alignment to be left, right, or center. | |
| <marquee> | ||
| scrolldelay=1 | Decides how quickly the text moves; 1000=1 second. | |
| scrollamount=10 | Decides how many pixels the text moves each time. Higher numbers make the text seem to move faster. | |
| direction="right" | usually the text moves right to left ("left"). If you choose "right", the text will move left to right. | |
| behavior="alternate" | Usually, the text starts on the right, moves to the left, then starts again. If you choose "alternate", then the text will go left, then right, then left, and so on. If you choose "slide", then the text will only move across the screen once, and then stop. | |
| <br> | ||
| No attributes | Creates a line break (like hitting the "Enter" key once) | |
| <p> | ||
| align="left" | Sets the alignment to left, right, or center. | |
| <big> and <small> | ||
| No attributes | Changes font sizes. Repeat the commands to increase/decrease. | |
There are more commands, of course, but most are complex and difficult to use. However, since you now know the basics of HTML, you can go on to study those other commands on your own!
You should also know about the special characters. These are characters which are difficult to use normally. For example, web pages only see one space at a time; if you type many spaces together, the web page ignores all except one. So what if you want to create many spaces? The answer: use the special character to create a space. All special characters begin with the "&" sign and end with the semicolon ";". For a space, use:
Here are some other characters which you should use instead of typing them directly:
| & | & (the ampersand symbol) |
| < | < (the left-angle-bracket) |
| > | > (the right-angle-bracket) |
| ™ | ™ (trademark) |
| ¥ | ¥ (yen sign) |
| © | © (copyright sign) |
| ° | ° (degree mark) |
| ¶ | ¶ (paragraph mark) |
| ÷ | ÷ (division sign) |
More special characters can be found here, or on other web pages.
