chapter 3 class presentation
DESCRIPTION
Used in Intro to Web DesignTRANSCRIPT
3. 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
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
1. Ordered lists2. Unordered lists;3. Definition lists.
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>
<ol>opening tag for an ordered list
<li>1st list item</li> <li>2nd list item</li> <li>3rd list item</li> </ol>closing tag for an ordered
list
Numbered List
Numbered List
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.)
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”
“10”
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>
<ul> <li>1st list item</li> <li>2nd list item</li>
<li>3rd list item</li>
</ul>
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”>
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>
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>
Group terms and definitions into single list
3 different elements <dl></dl> <dt></dt> <dd></dd>
<dl> <dt>First term name</dt> <dd>definition for 1st
term</dd> <br /><br /> (puts 1 space) <dt>Second term name</dt> <dd>definition of 2nd
term</dd></dl>
<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.
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>
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
Identification HTML Code Symbol
Left & right single apostrophe
‘’ (It’s)
Left & right quotation marks
“” ( “follow”)
Fraction ½ ½
Copyright © ©
Hyphen − —
Misspelled words Misused words Inaccurate use of
words Complete
sentences Correct use of
punctuation and capital letters