170 likes | 365 Views
Unit 1. Changing the Appearance of Text. CORNELL NOTES. TITLE. TOPIC:. NOTES:. Hypertext Markup Language 1 st and last tag on a page. HTML. Tags. < > Tags are placed in Angle Brackets. Attributes. Adding color or style to the font tag. Summary:. CORNELL NOTES. TITLE. NOTES:.
E N D
Unit 1 Changing the Appearance of Text
CORNELL NOTES TITLE TOPIC: NOTES: Hypertext Markup Language 1st and last tag on a page HTML Tags < > Tags are placed in Angle Brackets Attributes Adding color or style to the font tag. Summary:
CORNELL NOTES TITLE NOTES: TOPIC: The name given a home page. index Give the web page a title that describes its contents. <title> </title> The title tag must be closed in order for the body of the web page to display. <body> 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. <font> Summary:
CORNELL NOTES TITLE NOTES: TOPIC: <p> Identifies a paragraph on the web page Typed in front of text you wish to appear on its own line. <br> Creates blank space. This must be typed for each blank space you want to add. NO ANGLE BRACKETS <h1-h6> Type the <h?> tag in front of the text you want to make a heading. Replace the ? With a number 1-6 to create different size headings. Summary:
Name: Date:08/06/2009Period: CORNELL NOTES TITLE NOTES: TOPIC: align 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. <center> Type center in front of the text, heading, image you want to center. </center> Type this tag after the text, image, heading you want centered or the entire page of information will center on the web page. Summary:
Name: Date:08/06/2009Period: CORNELL NOTES TITLE NOTES: TOPIC: <!-- 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. Summary:
Name: Date:08/10/2009Period: CORNELL NOTES TITLE NOTES: TOPIC: <b> </b> Bolds Text Italicize Text <i> </i> Underline Text <u> </u> <strike> </strike> Type in front of text you want to strike out. <big> </big> Type in front of text you want to enlarge <small> </small> Type in front of text you want to reduce Summary:
Name: Date:08/10/2009Period: CORNELL NOTES TITLE NOTES: TOPIC: Font Attributes Face Color <font face=“Old English Text MT, Arial”> 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. <font color=blue face=comic sans ms> Summary:
Name: Date:08/10/2009Period: CORNELL NOTES TITLE NOTES: TOPIC: <basefont size=“#”> 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: <font size =1>This is font size one.</font> <font size =2>This is font size two.</font> <font size =3>This is font size three.</font> <font size =4>This is font size four.</font> <font size =5>This is font size five.</font> <font size =6>This is font size six.</font> <font size =7>This is font size seven.</font> 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. Summary: Text
Name: Date:08/10/2009Period: CORNELL NOTES TITLE NOTES: TOPIC: <body text =yellow> The web browser displays all the text on the Web page in the color you specified. <font color=“?”> 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. </font> Try this: <font color=red>This text is red.</font> <font color=blue>This text is blue.</font> <font color=green>This text is green.</font> <font color=black>This text is black.</font> <font color=yellow>This text is yellow.</font> Font Attributes Color Summary:
Name: Date:08/10/2009Period: CORNELL NOTES TITLE NOTES: TOPIC: <body bgcolor=yellow> The web browser displays the background color you specified. <body bgcolor=“?”> 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 Summary:
Name: Date:08/10/2009Period: CORNELL NOTES TITLE NOTES: TOPIC: • Type <ol> before the list. • Type <li> 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 <br> tag. • Type </ol> after the list. • Try this: Table of Contents • <ol> • <li>Introduction • <li> Company History • <li> Mission Statement • <li>Products offered • <li>Services offered • <li>Future Goals • <li>Conclusion • </ol> Creating Lists Ordered List Summary:
Name: Date:08/10/2009Period: CORNELL NOTES TITLE NOTES: TOPIC: • Type <ul> before the list. • Type <li> 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 <br> tag. • Type </ul> after the list. • Try this: Most Popular Types of Pasta • <ul> • <li>Cannelloni • <li>Lasagna • <li>Linguini • <li>Manicotti • <li>Ravioli • <li>Spaghetti • </ul> Creating Lists Unordered List Summary:
Name: Date:08/10/2009Period: CORNELL NOTES TITLE NOTES: TOPIC: In the <ul> tag, type type-? Replacing the ? With the bullet style you want to use: Circle Disc Square <ul type=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 Summary:
Name: Date:08/10/2009Period: CORNELL NOTES TITLE NOTES: TOPIC: • Try this: Table of Contents • <ol> • <li>Introduction • <ol type=a> • <li>Who are we? • <li>Brief company history • <li>How we can help your business</ol> • <li> Company History • <li> Mission Statement • <li>Products offered • <li>Services offered • <li>Future Goals • <li>Conclusion • </ol> Nested List Summary:
Name: Date:08/10/2009Period: CORNELL NOTES TITLE NOTES: TOPIC: You can create a definition list to display terms and their definitions. This type of list is ideal for a glossory. <dl> Typed before the list <dt> Type in front of each term in the list. <dd>Type in front of each definition in the list. Definition List DL DT DD Summary:
Name: Date:08/10/2009Period: CORNELL NOTES TITLE NOTES: TOPIC: You can indent paragraphs by typing a <ul> in front of the text you want to indent. At the end of the paragraph type</ul>. Type <blockquote> in front of the text you want to display as a block quote. Type </blockquote> after the text you want to display as a block quote. Indenting Paragraphs Blockquote Summary: