Project 02 Creating and Editing a Web Page - Tags and Attributes

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

Project 02 Creating and Editing a Web Page - Tags and Attributes

Education

Transcript of Project 02 Creating and Editing a Web Page - Tags and Attributes