Schmiford's Virtual Notebook
This is my Virtual Notebook for "Web Page Design For Beginners" to practice tags and take some notes about the lessons.
Create a template for web pages with basic html tags.The html document must be started with the !DOCTYPE tagline.
There are 4 basic html tags needed to make a basic web page. All four need an opening tag and a closing tag (created by using backslash) to make them work correctly. Each tag set is used only once!
1.
The html tag set lets browser know the document is in html. This tag is a necessity. These tags go around the entire web page.<html></html>
2.
The head tag set contains information not actually seen on the page.<head></head>
3.
The title set is inside the head set creating the name for you webpage seen in the top of the browser or the name saved as a "favorite". The title should be a clear description of what the page contains.<title></title>
4.
The fourth tag set is the body, where everything that is seen on the page goes. It only gets used once each web page.<body></body>
Creating a webpage
Important things to remember!
1. Never use spaces in saved file names. This will be very hard, as all my files are pretty much explanations of what is in them.
2. You should be consistent in the way you type your html.
3. Tags should not be overlapped, but rather created like a mirror image. <3><2><1>...</1></2></3>.
4. All lowercase or all uppercase should be used, nor should they be mixed together. It's really just easier to use lowercase.
5. For every opening tag their should be a closing tag. All main tags and format tags should go on their own line, but style tags do not need to.
6. "Descriptive alt attribute" gives viewers a description of the image that is to be in that space, but using height and width attributes in image tags will allow the browser to create the correct size space for a graphic, making the page easier to load, therefore faster to load.
7. All attributes should have a space between them but not in them, that will be a hard one to remember, and their values get quotation marks.
8. Use a new set of style tags for each paragraph to prevent run over.
9. Paragraph tags create a line break like a double space and need a closing tag.
10. Break tags move following text down to next line.
11. Center tags well obviously center the text and require a closing tag.
12. Heading tags are what you use to put a "title" on your page, it goes after the opening body tag and needs a closing tag too.
Table of Contents
Week 2 Week 3 Week 4
Tag Reference Helpful Links
