Chapter 3 class presentation
- 2. Understands the importance and the skills that enhance web pages by being able to: Use ordered, unordered lists & definitions with their attributes Code formatting tags such as bold, italicize and underline Insert the font style tag for web site Insert specific non-character codes when applicable Check for grammatical problems with a web page Combined and use all codes through Chapter 3 Define key words given in this chapter Use the sections of a website to create the wireframe for major student project
- 3. Flag + E : Opens up Computer Dialog box Flag + D : Places all documents on the status bar Alt + Tab : moves you thru all open documents Ctrl + A : Selects an entire document Ctrl + C : Copies Ctrl + V : pastes Ctrl + X: cuts
- 4. Ordered lists Unordered lists; Definition lists.
- 5. Use when order of list IS IMPORTANT Element & paired tag Two kinds of elements for numbered lists: <ol></ol> specifies that this is a numbered list <li></li>: marks each item in the list</li>
- 6. <ol>opening tag for an ordered list <li>1 st list item</li> <li>2 nd list item</li> <li>3 rd list item</li> </ol>closing tag for an ordered list Numbered List
- 7. Attributes need to be in quotation marks (“quote marks”) Two ordered list attributes: “ start ”=specifies the first number in list (5, 6, 7) “ type ”=specifies numbering style for list (A, or a; I or I; etc.)
- 8. All ordered lists begin with decimal number “1” Place start attribute inside <ol> start tag To change starting number: <ol start=“10”> <li>List here</li> <li>List here</li> </ol>< “ 10”
- 9. Consists of one or more items each prefaced by a bullet (big dot or check mark) When order is NOT important Uses Element & paired tag: <ul></ul> <li></li>
- 10. <ul> <li>1 st list item</li> <li>2 nd list item</li> <li>3 rd list item</li> </ul>
- 11. Three types of bullets: Disc : solid circle bullets (default bullet) Square : solid square bullets Circle : hollow circle bullets To specify kind of circle <ul type =“circle”>
- 12. ORDERED LIST UNORDERED LIST <ol> <li>First line</li> <li>Second line</li> <li>Third line</li > </ol> <ul> <li>First line</li> <li>Second line</li> <li>Third line</li> </ul>
- 13. ORDERED LIST UNORDERED LIST <ol start=“5”> <li>First line</li> <li>Second line</li> <li>Third line</li > </ol> <ul type=“circle”> <li>First line</li> <li>Second line</li> <li>Third line</li> </ul>
- 14. Group terms and definitions into single list 3 different elements <dl></dl> <dt></dt> <dd></dd>
- 15. <dl> <dt>First term name</dt> <dd>definition for 1 st term</dd> <br /><br /> (puts 1 space) <dt>Second term name</dt> <dd>definition of 2 nd term</dd> </dl>
- 17. <strong></strong>: bold : Darkens text so that it stands apart from other text <em></em>: italicize: Texts slants to the right to separate it from other text. < u></u>: underline: Places a line underneath text.
- 18. All websites have their own default setting for font style Three major font styles are: Arial Times New Roman Helvetica Use these three styles to set font on your website Use following with the start <body> tag: <body bgcolor=“green”><font style=“Arial, Times New Roman, Helvetica”> </font></body>
- 19. One special non-character code is: The code is used as a replacement for <pre></pre> tag Not an element or an attribute This tag adds white space & does not distort text Two “ ” equals approximately one space
- 20. Identification HTML Code Symbol Left & right single apostrophe ‘’ (It’s) Left & right quotation marks “” ( “follow”) Fraction ½ ½ Copyright © © Hyphen − —
- 21. Misspelled words Misused words Inaccurate use of words Complete sentences Correct use of punctuation and capital letters