Tasha's Virtual World
This is my Virtual Notebook for "Web Page Design For Beginners" to practice tags
and take notes about the lesson.
My name is Tasha, I am very interested in Web Page Design.
I am hoping that I can establish a business in Website Development and Maintenance.
Tag Reference
Special Characters
Online Resources
Tag Reference
Week One Tags
<p> </p> - paragraph
<body> </body> - main tag, displays the information on the web page
<title> </title> - "title" for web page
<html> </html> - let the browser know that the document it is looking at is written in
HTML so that it can display it properly
<head> </head> - hold special information about the web page itself
<b> </b> - tag set creates bolder text
<i> </i> - tag set creates italicized text
<br> </br> - line break
<center> </center> - center texts
<h#> </h#> - create a heading
attributes - tells tag a change is coming
value - tells attribute what the change is
Week Two Tags
Notebook Two
- <em> </em> - adds a tone of emphasis to a text
- <strong> </strong> - adds a stronger tone of emphasis to a text
- <hr> </hr> - horizontal rule (or line) that is centered across the page. <hr> can use size, width, align, and
noshade, which causes the line to be solid.
- <u> </u> - underline
- <blockquote> </blockquote> - set apart the text between the tags by indenting it slightly
- <ul> </ul> - unordered or bulleted lists
- <li> </li> - list item
- <ol> </ol> - ordered lists
- <a href=> </a> - Anchor Link, directs the browser to look for the location of the given HTML document requested
- <!-- --> - HTML Comments
- Attributes:
- align - an attribute that adjust to the left, right, justify or center. It can not be used alone.
- Types avalliable for unordered lists
- <li type="circle">
- <li type="square">
- <li type="disc">
- Linking within a document
- <a href="# name"> </a> - Creates a link with your choice of a name to link
- <a name=> name> </a> - Link to the portion that deals with name
- Examples of Special Characters:
- < - shows a left side bracket on the web page, <
- > - shows a right side bracket on the web page, >
- - non-breaking space characters
- & - ampersand character
Week Three Tags
Notebook Three
- <img src="image.jpg"> - refers to the filename of the image and where it is located
Attributes:
- width="number" - normally listed first
- height="number"
- alt="description" - display textual explanation
- border="number" - adds a frame around the image
- align="value" - the image can be aligned right, left, top, bottom, or middle with respect to the text
Note: Image can be -
- clickable by being place the tag between <a href=> </a>
- centered by being placed between <center> </center> -
<br clear="all"> - forces new text to show under the image
Attributes used in the opening <body>:
- bgcolor="color" - change the background color of the page
- background="imagename.gif# - changes the background image of the page
- text="color" - specifies the color of the text on the entire page
- link="color" - changes the color of the links BEFORE a visitor "clicks" on it
- alink="color" - changes the color of the active link when being clicked on
- vlink="color" - changes the color of the visted link
Attributes used in the <font> </font> set - :
- color="color" - add color to the text between set
- size="number" - font size ranges from 1-7, with 3 as default
- face="font type" - choose the style of text used, but with limitations
Week Four Tags
Notebook Four
| Tag |
Function |
| <table> </table> |
creates a table in HTML |
| <tr> </tr> |
Table Row |
| <td> </td> |
Table Data |
| <caption> </caption> |
describe table |
| <th> </th> |
Table Header |
| <p align="center"> </p> |
Center Table |
Extras:
- border
- summary provides a verbal description for users with a nonvisual browsers
- colspan used with <td> and/or <th> to create a heading/cell,
covers more than one column
- rowspan used with <td> and/or <th> to create a heading/cell,
covers more than one row
- cellspacing makes space between cells
- cellpadding makes space between the items in the cell
- valign control the vertical alignment of cell contents; top, middle, bottom
Using Tag References
This is after using br.
This is an example using p:
Mary had a little lamb, and Jesus was his name.
GOT JESUS?
Used center to have my statement centered.
This is a strong statement: JESUS is real and so is HELL.
What can I emphasize here? JESUS LOVES YOU!
One of my Favorite Verses found in Psalm 27:
One thing I ask of the LORD, this is what I seek: that I may dwell in the house of the LORD
all the days of my life, to gaze upon the beauty of the LORD and to seek him in his temple.
Here is a graphic
Special Characters
Online Resources
<h3> Using Special Characters <h3>
I am going to use   in this example:
Who is your shepherd?
In the above example, you saw me use &. Cool huh?
Resources for Special Characters and Entities
Tag Reference
Online Resources
My Online Resources
- Webmonkey HTML Cheatsheet
- W3Schools HTML Tutorial
Tag Reference
Special Characters
Table of Contents
Notebook Two
Notebook Three
Notebook Four
