1. Unit 1 Changing the Appearance of Text

2. TITLE CORNELL NOTES TOPIC: NOTES: Summary: HTML Hypertext Markup Language 1 st and last tag on a page Tags Tags are placed in Angle Brackets AttributesAdding color or style to the font tag.

3. TITLE CORNELL NOTES TOPIC: NOTES: Summary: index The name given a home page. Give the web page a title that describes its contents. The title tag must be closed in order for the body of the web page to display. You must place the BODY tags around the contents of a Web Page. Using an attribute you can change the style and color of the font. It may be necessary to place the attributes in “” (quotations) for it to display.

4. TITLE CORNELL NOTES TOPIC: NOTES: Summary: Identifies a paragraph on the web page Typed in front of text you wish to appear on its own line. Creates blank space. This must be typed for each blank space you want to add. NO ANGLE BRACKETS Type the tag in front of the text you want to make a heading. Replace the ? With a number 1-6 to create different size headings.

5. TITLE CORNELL NOTES TOPIC: NOTES: Name: Date:08/06/2009 Period : Summary: Aligns text, images, headings, paragraphs. Align is an attribute and must be added to a tag with the way you want to align the text, image, heading, or paragraph. You can align left, right and center. Type center in front of the text, heading, image you want to center. align Type this tag after the text, image, heading you want centered or the entire page of information will center on the web page.

6. TITLE CORNELL NOTES TOPIC: NOTES: Name: Date:08/06/2009 Period : Summary: Type this where you want to add a comment or an image, then press the Spacebar. Type the comment and press the spacebar again. -->Type this to complete the comment. <!--

7. TITLE CORNELL NOTES TOPIC: NOTES: Name: Date:08/10/2009 Period : Summary: Bolds Text Underline Text Italicize Text Type in front of text you want to enlarge Type in front of text you want to reduce Type in front of text you want to strike out.

8. TITLE CORNELL NOTES TOPIC: NOTES: Name: Date:08/10/2009 Period : Summary: Font Attributes Face Color This changes the font style from the default style of text. By adding a comma, a space, and typing a second style font you have provided a second font choice. Doing this means you have provided a second choice of font in case your first font choice is not available on a reader’s computer. One of the fonts you specify should be a common font such as arial to increase the probability that your web page will display one of your choices.

9. TITLE CORNELL NOTES TOPIC: NOTES: Name: Date:08/10/2009 Period : Summary: Font Size Changing the size of text can enhance the appearance of your web page. You can change the size of individual text to create effects. Replace the # with a number from 1 to 7. The smallest font size is 1; the largest font size is 7. Specifying font size will not affect the size of your headings. Try this: This is font size one. This is font size two. This is font size three. This is font size four. This is font size five. This is font size six. This is font size seven.

10. TITLE CORNELL NOTES TOPIC: NOTES: Name: Date:08/10/2009 Period : Summary: The web browser displays all the text on the Web page in the color you specified. Type this in front of the text you want to change. Replace the ? With the name or code for the color you want to use. Try this: This text is red. This text is blue. This text is green. This text is black. This text is yellow. Font Attributes Color

11. TITLE CORNELL NOTES TOPIC: NOTES: Name: Date:08/10/2009 Period : Summary: The web browser displays the background color you specified. Type this in the body tag. Replace the ? With the name or code for the color you want to use as a background color. bgcolor

12. TITLE CORNELL NOTES TOPIC: NOTES: Name: Date:08/10/2009 Period : Summary: Type before the list. Type in front of each item in the list. If you want to continue an item in the list on the next line without creating a new list item, use the tag. Type after the list. Try this: Table of Contents Introduction Company History Mission Statement Products offered Services offered Future Goals Conclusion Creating Lists Ordered List

13. TITLE CORNELL NOTES TOPIC: NOTES: Name: Date:08/10/2009 Period : Summary: Type before the list. Type in front of each item in the list. If you want to continue an item in the list on the next line without creating a new list item, use the tag. Type after the list. Try this: Most Popular Types of Pasta Cannelloni Lasagna Linguini Manicotti Ravioli Spaghetti Creating Lists Unordered List

14. TITLE CORNELL NOTES TOPIC: NOTES: Name: Date:08/10/2009 Period : Summary: In the tag, type type-? Replacing the ? With the bullet style you want to use: Circle Disc Square The web browser displays the list with the type of bullet style you specified. Try the different styles. Creating Lists Unordered List Changing the bullet style

15. TITLE CORNELL NOTES TOPIC: NOTES: Name: Date:08/10/2009 Period : Summary: Try this: Table of Contents Introduction Who are we? Brief company history How we can help your business Company History Mission Statement Products offered Services offered Future Goals Conclusion Nested List

16. TITLE CORNELL NOTES TOPIC: NOTES: Name: Date:08/10/2009 Period : Summary: You can create a definition list to display terms and their definitions. This type of list is ideal for a glossory. Typed before the list Type in front of each term in the list. Type in front of each definition in the list. Definition List DL DT DD

17. TITLE CORNELL NOTES TOPIC: NOTES: Name: Date:08/10/2009 Period : Summary: You can indent paragraphs by typing a in front of the text you want to indent. At the end of the paragraph type. Type in front of the text you want to display as a block quote. Type after the text you want to display as a block quote. Indenting Paragraphs Blockquote