Web Page Construction The language used to create Web pages is called Hyper Text Markup Langauge (HTML ). This complex sounding language is actually a fairly simple scheme in which commands are placed within brackets (< and >) in order to assign certain characteristics to your text. In this way, you tag the text. These tags in HTML code control how a web page looks. For example to make a word appear in a bold style, you insert a <B> tag in your sentence to bold the subsequent text. When you want to stop the bolding, you then place the </B> tag after the text. Think of it as turning on and then turning off a text style or other HTML code.
All Web pages are created with a common HTML format. HTML is made up of plain text with embedded tags that instruct the browser how to format the text, how to create links to other information, and how to display images. You might want to try Introduction to HTML at Case Western Reserve University.
CREATING HOME PAGES - STEPS
The following is the long way to create a home page. It uses the program called Simple Text. When you save it, make sure you add .html at the end, eg. home.html Use your browser to open it. Important to remember < > opening tag and </ > closing tag. Remember to save !! Plan out your home page and what you want on it
1. Open the program Simple Text
2. In the untitled document
3. To begin, Type in <HTML>
4. Next type in <HEAD>
5. Then type in <TITLE>This is the title of the document </Title>
6. Next type in </HEAD>
7. Then type in <BODY>
a. for background color type in <BODY BGCOLOR="#rrggbb"> where #rrggbb is the hexadecimal representation of the desired color.b. To make a graphic show up on a Web page, type in the name of the graphic file and surround it with quotation marks and an image code.
<IMG SRC="brear.jpg"> ( In this example, it will place my picture on the web page. )
8. For a heading type in <H1>Place your heading here</H1>
- H1 is the largest type and H6 is the smallest9. For a horizintal line type in <HR> ( horizontal rule )
- <HR WIDTH= > width attribute
- < HR SIZE= > size atribute
- < HR ALIGN= > align attribute
- < HR NOSHADE= > creates a line that is flat and solid10. For a paragraph type in <P> to start and </P> to finish
11. <BR> gives you a space break
12. For a bulleted list, type in <L1> before each item
13. For a hyperlink, type in < A HREF="example.html">David Brear</A> or <A HREF="new page.html">New Page</A> hyperlink is created when you want to send someone to a new page or another place on the Internet
14. To center, type before and after you want centered <CENTER> </CENTER>
15. To finish the body, type </BODY>
16. To finish the document, type </HTML>
Back to Index