Tony's Virtual Notebook

This will be my Virtual Notebook for "Web Page Design For Beginners" to practice tags and take notes about the lessons. In your notebook continue on to write a few more sentences.

Lesson 1

Return to TOC
Notebook 2

Lesson 1, Part 1 was the creation of this basic page.

Lesson 1, Part 2 is the addition of bgcolor to give add a background color and the use of the following tags:
paragraph tags <p></p>
Line Break <br>
Center <center></center>
Heading <h1></h1>

Lesson 1, Part 3 is to checkout and utilize a web page service. Since I have a RCN account, I will use it.

Lesson 2

Here is an example of the following tags - emphasized and strong tags.

this new paragraph will be centered and have some forced line breaks
Here is the second line and the end of the center tag

Here we have a new paragraph with the H1 tag to change font size

Ok, this is another, prefered, way to align a paragraph. The choices for align= are center, left, right ad justify.

Some more tags for italics and bold and strong. And lets not forget

underlined text

now we get into some horizontal lines on the page called horizontal Rules...
Horizontal width 50%

Horizontal width=25%

push to right side and 50% wide

Pushes the line to the left margin.

lets decide on size

Unlike most attributes, the noshade "should not" be in quotation marks inside the tag

here are multiple attributes in one statement:

Ok now we get into different size 'headings'

H1 heading

H2 heading

H3 heading

H4 Heading

H5 heading

H6 heading

Now we have something called 'block quote'

you have alot to type here. It will all be indented from either side and it needs to be sentenced. I will continue to type senseless words to provide an example of the blockquote tag. As you can now see, this paragraph is indented on both the left and right sides of the page. This is a sample of an underlined word.

Lets do links to other pages and web sites, for example:
Here is a link to smugmug

Another type of link, used to Anchor/JUMP to other places on your page:
some text goes here or leave blank
then something like this will jump back to the anchor tag.

Lastly for this week we have special characters. They are are all preceded by the - & ampresand character and I will list them below within a comment section of this page:

Tag Reference

<h1>Heading1</h1>

<h2>Heading2</h2>

<h3>Heading3</h3>

<h4>Heading4</h4>

<h5>Heading5</h5>

<h6>Headingg6</h6>

<p>paragraph</p>
<b>bold</b>
<center>center</center>
<u>underline</u>
<i>italic</i>
<em>emphasized</em>
<br>Line break
Sample of <big>big</big> and <small>small</small> tags to change relative size of font
Here is a sample of <sub>_subscript</sub> and <sup>^superscript</sup> tags
This is the <strike>~~strikethrough~~</strike> tag>
<pre></pre> is used to keep text formatted as is; as it is typed in
This tag <address></address> is used to set apart info about the author of a web page -

Tony D

The following is a sample of using the <a href="mailto:yourname@your.provider">Email Me</a> tag with the NATATA mail encoder:

Email me