(web page) Start of Lesson. Obviously we want to use HTML features. Here we use the same example text with 10-minute HTML added. We will learn with this file. Type in HTML tags as we talk about each one. Save the changed text file. RELOAD the browser to see what each tag does. Make experiments, one at a time. This is only an exercise. Try everything you can think of. Add more text to your pages. Have fun. B, I, U - Bold, Italic, Underline start and stop symbols are needed Type this, start and stop for examples. Type this <b>start</b> and <i>stop</i> for <u>examples</u> <H2> </H2> Heading, H1 (is big text) to H6 (is small text) <BR> Break = skip to next line. The browser will automatically wrap the text as required by the page size of each reader's browser screen. This means you do not have to preformat with "enter" for each line. Breaks do not need a stop tag. Two breaks means (1) go to the next line, then (2) go to the next line. i.e. skip a line.
Once you have all the
lines done right, you can remove the <PRE> and </PRE> tags -- or move them to another part of your web page. <HR> Horizontal Rule means draw a line across the page <UL> Unordered List == indent or indent for a list <LI> Line Item = bulleted before a line of text. <OL> Ordered List = indent to be ready to auto number the lines <li> Line Item = same command (I seldom use this and use my own numbers.) <pre> Preformatted. Show as typed, including spaces and carriage returns (enter). This looks just like a text file. Note that PRE will accept space whereas HTML normally only allow one space. <IMG SRC="xxx.jpg"> IMaGe SouRCe - insert a picture <IMG SRC="path/xxx.gif"> (Many programmers put graphics in a sub folder under the main folder.) <A HREF="path/xxx.html">some words</A> Anchor HyperlinkRERerence. Or, <A HREF="http://ogden.basic-english.org/books.html">Books by Ogden</A> Bring this page to my browser. (Note, browsers bring a web page to you, you do not really go to a web page.) ------------------------------- Continue to make experiments, one at a time ! Save your file each time you make a change. Bring browser to the front and click ReLoad to see the results. You will notice the lessons are dotTXT files so that the <tags> will show as words and not as commands. You must be clear on what is text and what are tags (commands) ; what is text, what is source, and what is a web page. Play with this for the next hour -- typing experiments one line at a time, save, reload, look, and repeat. Tomorrow, we will spend five minutes in review and learn a couple more of new things.) Stop Lesson 1
Back or Next