Creating Web Pages with HTML
In this exercise, you will make a simple web page with HTML.
Use TextWrangler to make your document. Save the document as FirstPage.html (no spaces!) Save this file into a new folder called LastName_Site.
Tags
Beginning tags look like this: <html>, <h1>, <strong>, and ending tags look like this: </html>, </h1>, </strong>.
The whole page is surrounded by the <html>, and </html> tags.
The basic structure of your page should look like this:
<html>
<head>
<title> My First Page </title>
</head>
<body>
Here is the body of the page I can put other tags in here!
</body>
</html>
Save your page as FirstPage.html and look at it with a web browser! (You can open a web browser and use the File->Open File menu or you can drag the file from your finder onto the browser icon in your dock.)
Change your page so it tells us something about yourself.
Use some other tags like:
- <h1>, <h2>, <h3> - heading tags
- <em> - italicized
- <strong> - bold
- <hr> - horizontal rule
To do more:
Go online or look in a book to discover more tags (a site I like is the W3Schools site).
- Make a list.
- Add a picture (you’ll have to save the picture in the same folder as your web page first).
- Change the background color.
- Make a link to your favorite (appropriate) web site.
- Add a table.
"I believe that we are solely responsible for our choices,
and we have to accept the consequences of every deed,
word, and thought throughout our lifetime."
- Elisabeth Kübler Ross