assignment: html
Pages: (first.html, contract.html)
Objective: You will be able to create a basic web page, using HTML code, that includes a variety of text styles.
The Steps
... to create a web page using TextWrangler
Open TextWrangler and create a New document.
Save the document as a Text file.
Name it first.html.
Save it in your website folder. Remember to connect to the webserver and find this folder at the beginning of every class.
Your page should use all of the following tags:
<html>
The whole page goes after this tag and before the </html> tag. Within the "Html" tags are the "Head" and "Body" portions of the web page source. All tags should be lowercase.
<head>
The stuff after this tag and before the </head> tag is not actually in the page, but gives the browser additional information.
<title>
After the title tag, put the title of the page that will appear on top of the browser window. Then put the </title> tag. Note: The "Title" should appear within the "Head."
<body>
The stuff that's on the page goes after this tag and before the </body> tag.
<h1>
Stuff between this and the </h1> tag is big. Try other <h#> tags and see what happens
<p>
Starts a new paragraph. </p>ends the paragraph.
<br/>
A return without a space before the new line or sentence.
<hr/>
A horizontal line.
<b>
Stuff between this and </b> will be bold.
<u>
Stuff between this and </u> will be underlined.
<i>
Stuff between this and </i> will be italicized.
<!-- Comment -->
Start all your comments that will not appear in a web page with an exclamation mark. No exclamation mark is needed at the end.
The Assignment
1. Create your aboutme.html page, so that:
The webpage can be viewed using a web browser.
The webpage includes at least 17 tags (12 above, 5 new ones). Use the internet to find some (google "HTML Tags")
The webpage correctly uses all the HTML elements/tags that mark it as a web document.
The content of the webpage includes at least three paragraphs about you, including at least one paragraph about each of the following -- (1) your interests and/or activities in school, (2) your interests and/or activities outside of school, and (3) what you hope to accomplish in this Web Publishing Class.
The webpage includes a link to your contract page, using only the contract.html file name as the link value.
2. Add link(s) to web site(s) that are relevant to the content of your page (you will have to find the tag for that).
3. Go to the course contract page. Using the HTML tags you've learned, create your own version of this page and save it in your Sites folder as contract.html. Contract.html should include a link to first.html, and first.html should have a link to contract.html.
4. Save both your files in your Web Publishing folder.
To do more:
Save an image in the same folder as your webpage. Use an <img> tag to display it on your first.html page. If you found the picture on the internet, be sure to include the source of the image on your webpage.