J-Anna's Virtual Notebook
This is my Virtual Notebook for the VU class"Web Page Design for Beginners." I will practice opening and closing tags and take notes about the lessons. This is my first exposure to Web Design and to HTML. I expect to learn a lot.
I will keep practicing these tabs.This is the first line.
This is the second line divided by the line break.
A Central Statement
That worked.
A Realization
I think this can grow on a person. Just by using it, I am beginning to understand it. Wow! I was able to center the pasted placement of the Virtual University logo.
I created a template for a web page. I have used that template to create my virtual notebook.I must remember to save my changes in my notepad and then refresh my browser so I can see the changes reflected on my web page.
Now I will practice centering again.
Centering a practice statement
Now I will practice two ways to center a heading.
Practice Heading One
That is the first way. Now I will practice the second way.
Practice Heading Two
Basic Terminology:
Angle Brackets (the two symbols used to surround HTML)
Tags
Attributes
Values
Web server
Web browser
FTP (File Transfer Protocol)
URL
Hyperlinks/Links
Home page
Text Editor
HTML Editors
Web page Directory
Download/Upload
Graphics Editor Program
Twelve Tips for Foolproof HTML
1. Be consistent (most important)
2. Place all info you want displayed on the page between the opening and closing body tags.Each of these tag sets is used only once per web page.The html tags always open and close the page.
3. Avoid overlapping html tags (properly nest your tags).Last one used is the first one closed.
4. Write in all lowercase letters or ALL UPPERCASE LETTERS
5. Do not mix or hump cases in tags or filenames.
6. Use both opening and closing tags for each element.
7. Place each main tag, such as the four basic tags,as well as tags used to format the page on a line of its own."Empty space lines" add more bytes to your page and slow the download time.
8. Always use a descriptive alt attribute and the height and the width attributes in your image tags.This describes the image in alternative text if the image is not displayed by the browser.All attributes have a space between them but not in them.
9. Surround all values for your attributes with quotation marks.
10. Don't create multiple instances oftags which have multiple attributes.
11. Don't carry style tags over paragraph changes.
12. View the Source.
Ideas for my personal web page
I want to develop a personal web page to inform family and friends about what my husband and I are doing and becoming involved in. I want to include pictures, travels, and individual updates. We have recently retired. We would like our family and friends to be able to keep up to date with us by accessing our website.
URL's of other web pages I like
http://www.geocities.com/byasa4/ (I like this because it is simple and right to the point. No clutter.)
http://members.cox.net/lklockstampfor/notebook1.html (I like this for the same reasons)
Tag Reference
Tag Example
< br> This is the line break tag. I will write several sentences without the line break. Thus I will be able to demonstrate the line break tab ( < br> tag).
I will now insert the < br> tag after this first sentence.
You will see a break between the two sentences.
<p> </p> This is the paragraph tag set. I am going to write repetitive sentences. At one point I will use the paragraph tag set to illustrate the effect. I am going to write repetitive sentences. At one point I will use the paragraph tag set to illustrate the effect. I am going to write repetitive sentences. At one point I will use the paragraph tag set to illustrate the effect. I am going to write repetitive sentences. At one point I will use the paragraph tag set to illustrate the effect.
I am going to write repetitive sentences. At one point I will use the paragraph tag set to illustrate the effect. I am going to write repetitive sentences. At one point I will use the paragraph tag set to illustrate the effect. I am going to write repetitive sentences. At one point I will use the paragraph tag set to illustrate the effect. I am going to write repetitive sentences. At one point I will use the paragraph tag set to illustrate the effect. I am going to write repetitive sentences. At one point I will use the paragraph tag set to illustrate the effect.
<center> This is the centering tag.
<em> You are going to go to that restaurant?
< strong> Yes, I am going to that restaurant. My browser does not show the strong emphasis (bolding).
< hr> This is the horizontal rule tag. It is not a container tag. It requires no closing tag. It creates a line that is centered across the page.
Another example would be
< noshade> This creates a solid, not grooved line.
<u> This is the underline tag. Even though it is a different color, it can be confused with a hyperlink so do not use it often.
<i> This text is italicized.
<h1></h1>
to <h6></h6> This is a heading sizing tag with <'h1> being the largest.
J-Anna's Virtual Notebook
J-Anna's Virtual Notebook
J-Anna's Virtual Notebook
J-Anna's Virtual Notebook
J-Anna's Virtual Notebook
J-Anna's Virtual Notebook
< Blockquote> </blockquote> This indents text slightly.
My text will appear to be indented when I use this tag. It appears like an indented paragraph. I do not need to use the <p> or </p> with it. It seems as if the margins become larger, drawing the text in from the sides.
I did not use the blockquote tag set for this sentence. It begins closer to the edge of the page.
£ British pound
© Copyright
This is a nonbreaking space.
& This is used to insert an ampersand into your web page.
Type special characters and entities "exactly" as written. They are case sensitive.
Use <!--text--> to make a comment in notepad that will not show on the web page.
Welcome Page
Week Two
Week Three
Week Four