Embed Size (px)
DESCRIPTION
Project 02 – Tags and Attributes. Creating and editing a web Page. Required HTML Tags. transitional strict frameset ... version ="data". ... no attributes ... no attributes ... - PowerPoint PPT Presentation
Citation preview
CREATING AND EDITING A WEB PAGE
Project 02 – Tags and Attributes
Required HTML Tags
<!DOCTYPE>transitionalstrictframeset
<html>...</html>
version="data"
<head>...</head>no attributes
<title>...</title>
no attributes <body>...</body>
alink="color"background="url"bgcolor="color"link="color"vlink="color"
Lists
<ul>…</ul>type=”option”
<ol>…</ol>
type=”option” <li>…</li>
value=”value1”
<dd>…</dd>no attributes
<dl>…</dl>
no attributes <dt>…</dt>
no attributes
Formatting, Headings, and Images<br />
clear=”margin” <p>…</p>
align=”position” <hr />
align=”type”noshadesize=”value”width=”value or %”
<hn>…</hn>align=”position”n = number (1,2,3,4,5,6)
<img>…</img>
align=”type”alt=”text”border=”value”height=”value”src=”url”usemap=”url”width=”value”
HTML TAGS AND THEIR FUNCTIONSHtml Tag Function
<!DOCTYPE> Indicates the version and type of HTML used; includes a URL reference to a DTD
<html> </html>
Indicates the start and end of an HTML document
<head> </head>
Indicates the start and end of a section of the document used for the title and other document header information
<title> </title>
Indicates the start and end of the title. The title does not appear in the bopdy of the Web page, but appears on the title bar of the browser
<body> </body>
Indicates the start and end of the Web page body
<hn> </hn> Indicates the start and end of the text section called a heading; sizes range from <h1> through <h6>
<p> </p> Indicates the start of a new paragraph; inserts a blank line above the new paragraph
<ul> </ul> Indicates the start and end of an unordered (bulleted) list
<li> </li> Indicates that the item that follows the tag is an item within a list
<hr /> Inserts a horizontal rule
<br /> Inserts a line break at the point where the tag appears
DEFINITION LIST ELEMENTS and PURPOSES
Definition List Element
Purpose
<dl> </dl> Used to start and end a definition list
<dt> Used to identify a term
<dd> Used to identify the definition of the term directly above
Image Attributes
Attribute
Function
align Controls alignmentCan select from bottom, middle, top, left, or right
alt Alternative text to display when an image is being loaded
border Defines the border width
height Defines the height of the image
hspace Defines the horizontal space that separates the image from the text
src Defines the URL of the image to be loaded
vspace Defines the vertical space that separates the image from the text
Width Defines the width of the imageImproves loading time
