Make Your Own Web Page
Header Tag
Make your own page and paragraph headings using the Header Tag.
The header tag comes in six default sizes. The largest is <h1>. The smallest is <h6>.
<h1>
<h2>
<h3>
<h4>
<h5>
<h6>
The code for the largest header tag is: <h1></h1>
Notice there are actually 2 tags. Most HTML tags come in pairs. There is an opening tag and a closing tag. The closing tag always includes a forward slash.
The text that you want to appear on the web page is typed between the 2 tags as shown below:
<h1>My Text Here</h1>
The basic code from the previous lesson with changes, is shown below.
Change the code in firstpage.html as shown:
<html>
<head></head>
<body>
<h1>Hello World</h1>
</body>
</html>
This code would produce the words Hello World in large letters on the computer screen.
Note: If this is your first web page and you skipped the first lesson, you should read Notepad and Browser before you try this exercise.
If you'd like to proceed:
- Copy the text to NotePad
- Hold down your left mouse button and drag it over the code to highlight it.
- Right Click on the highlighted code and Click Copy
- Open NotePad and Right Click inside the editor window.
- Click Paste
- Save the Page
- Click File - SaveAS
- Save the page as firstpage.html (Remember where you save it!!)
- If working these lessons in succession, you'll need to answer yes to overwrite the file.
- Look at the page with a browser
- On any browser (Even AOL) Click File
- Click Open
- Navigate to the folder where you saved firstpage.html
- Click on the filename firstpage.html to highlight it
- Click Open
The words Hello World should appear in the browser window.
If you are working the lessons in succession, you will need to Refresh your browser to see the change.
To Refresh a browser window:
Firefox Click the curved arrow icon (top left) or right click on the page and choose Reload.
Internet Explorer Press F5 or click the up-down arrow icon (top) or right click on page and choose Refresh.
Note: If all you see is code, you saved the page with a txt extension. The .html extension is critical.
|
Property of
Net Success 2000 Plus Inc
Po Box 1508
Somerset KY 42502
Last Modified: January 21, 2010
|
|
|
