Week 2


Beginning of List notes

      After a quick review of the information covered in week one, we received some information on new tags to change the appearance of text on the page. There are a variety of ways to adjust your paragraphs. You can have the text lined up on the left with a "left" value, to the right with "right" value, centered with the "center" value (which is very similar to the center tag) or justified like newspaper print with the "justify" value.
      i.e.:<p align="right"></p>      

Would put your paragraph to the right side of the page with a straight right margin and an uneven left margin

     Just like in a Word Perfect program, my text can be altered using tags. There are tags for italics, bold. There are two emphasis tags which usually creates italicized text and which looks bold. I gather that both of these are more for browsers that "read" to the viewer. All of these require a closing tag.
Something that creates a more defined division between the text "chunks" is a Horizontal Rule. It will put a line divider between the text


but it is also rather plain.
It can be spruced up a little like

creating a different length, or changing the thickness of the line

you can even fill it in using a noshade attribute (however this does not use an = or " ")

     We already learned about the heading and that it can be changed size wise from a 1 to a 6, with 1 being the largest. Another interesting tag is the blockquote which will make a small paragraph stand our from the rest. As it's name indicates it would be good to use when quoting another person. This tag does not require a closing tag.

Things I need to remember! Paragraph tags go at the start of the paragraph and end of the paragraph. Break tags go at the end of the text before the place you want a break. At some point I will need to create a "sample"list to help me remember what each tag does. When you are a visual person, lots of words never help.
Back to top

     There are 2 types of list, unordered and ordered. The first is marked by bullets, the second looks more like an outline. For an unordered list you need both open and close tags and list item tags surround each item on the list. Remember to put the list tags on their own line! Bullets can be changed by adding type="circle" or "square" or "disc" after the opening list item link. If you want the ordered list to be outline-like, nest the lists, just double check that all closing tags are in there. My two list examples:

Dinner This Week

Schmiford's Favorite Web Sites

  1. Graphics
  2. Shopping
  3. Dollz

A definition list has a word and then indented is a description of that word.

Austin
Oldest son, age 8.9, likes to build and eat.
Kaleb
Second son, age 7.5, likes to help and cook
Julian
Third son, age 4, all boy, likes to get dirty and play hard
Lachlan
Fourth son, age 2.5, the baby, likes Smarties and kisses

     That's a little tedious, so I'll continue with Week 2. The last lesson was on hyperlinks. By putting the html code in you can create a different color clickable text that takes you directly to another website, this would be an absolute url, or you can use a relative url which will take you to another portion of your own website. I've been able to use both types. Frequently you will see a link on a looong webpage that will take you back to a location on the page. This is very considerate as it means less scrolling. I will try to use the top of page link, but I don't quite understand it.

      The last lesson was on special characters &lt; is the same as <. We were given several links to sites with more special characters.

HTML & XHTML The Complete Reference
HTML Help This site has several tables with all the various codes on it.
Web Monkey This is great, very simple and laid out. They also have several charts for other codes too.

Back to top


Table of Contents
Week 1 Notes
Week 3 Notes
Week 4 Notes
Tag Reference
Helpful Links


Explore Virtual University