First HTML Assignment
Open Notepad to write your HTML code in. You will also need to open Explorer or Netscape
view the results. It doesn’t matter whether you are connected to the Internet or not when
you are working on HTML assignments. When you add the XHTML DOCTYPE to the top of your page
it uses a web address so to use the XHTML correctly you need to be connected. If you are not
the page will still work according to the browser's support of HTML.
The first lines of code should be the four lines taken from the sample
First 4 lines of code
When I am coding XHTML or HTML, I keep both Notepad and the browser I am using open so I can switch
back and forth. Once you have opened the page in your browser, using the refresh key in
the browser will show the latest saved version of the page you are working on.
This assignment should be passed in via email as an attachment. Here is what I want you
to do:
- Save the web page as you are working on it with an .html or .htm extension.
- Just before you plan to send it to me, save it with a .txt extension.
- Send me the page with the .html or .htm extension and the page with the .txt extension
as attachments to your email.
The reason for this is that depending on your email provider, sometimes the code gets
changed in the .html or .htm version. Sending me the .txt version allows me to see the
original code.
Steps:
- To do your assignment, you should first open Notepad. Do a very simple web page using the
very basic XHTML code so you can test something simple.
- Save it with an .html or .htm extension.
- Go to a browser and do a file and then an open page (they all phrase it differently).
- Look at the results of your code. If it worked the way you want it to you are on your
way. If not you need to return to the HTML in Notepad and make some changes, save the page
with the changes and refresh in the browser to see the new version.
When you look at web pages, you can see the HTML code by going to VIEW in your browser and
looking for SOURCE or PAGE SOURCE or something similiar. The key word here is source.
The web page you pass into me should have the following elements:
- A h1 header
- A header in range h2 through h6
- A paragraph using p
- Something in bold using the b tag
- Something in italics using the i tag
- An order list with several list items in it
- An unordered list with several list items in it
- A break
NOTE: There is no requirement that this page
make any sense. You are simply working with HTML tags.