html tags lesson 2. what are html tags? markup tags coded instructions that accompany the plain...

8
HTML Tags Lesson 2

Upload: barbra-mcdaniel

Post on 17-Jan-2016

213 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: HTML Tags Lesson 2. What are HTML Tags?  Markup tags  Coded instructions that accompany the plain text of an HTML document  Syntax –Left wicket< –Tag

HTML Tags

Lesson 2

Page 2: HTML Tags Lesson 2. What are HTML Tags?  Markup tags  Coded instructions that accompany the plain text of an HTML document  Syntax –Left wicket< –Tag

What are HTML Tags?

Markup tags Coded instructions that accompany the

plain text of an HTML document Syntax

– Left wicket <– Tag element TITLE– Optional set of tag attributes– Right wicket >

Page 3: HTML Tags Lesson 2. What are HTML Tags?  Markup tags  Coded instructions that accompany the plain text of an HTML document  Syntax –Left wicket< –Tag

Opening and Closing Tags

<TITLE>My Web Page</TITLE>

Empty tags– Do not occur in tag

sets– Stand alone– Solitary element

Non-empty tags– Opening tag– Closing tag– Separated by

effected text

Page 4: HTML Tags Lesson 2. What are HTML Tags?  Markup tags  Coded instructions that accompany the plain text of an HTML document  Syntax –Left wicket< –Tag

Document Section Tags

Head <HEAD>– Primary function is to house <TITLE> tag

• Determines text displayed in title bar of browser

Body <BODY> HTML <HTML>

Page 5: HTML Tags Lesson 2. What are HTML Tags?  Markup tags  Coded instructions that accompany the plain text of an HTML document  Syntax –Left wicket< –Tag

Text Formatting Tags

Heading levels – <H1> to <H6>– Bold– White space before/after heading text

<B>, <I>, <U> <SUP>, <SUB> <TT>

Page 6: HTML Tags Lesson 2. What are HTML Tags?  Markup tags  Coded instructions that accompany the plain text of an HTML document  Syntax –Left wicket< –Tag

Layout Tags <BR>

– Inserts line break immediately following tag

<P>– Marks beginning of

new paragraph/block of text

– Text forced to next line and left justified

<PRE>– Instructs browser to

display text exactly as it is typed in HTML document

<BLOCKQUOTE>– Indents blocks of

text

Page 7: HTML Tags Lesson 2. What are HTML Tags?  Markup tags  Coded instructions that accompany the plain text of an HTML document  Syntax –Left wicket< –Tag

Logical Tags

Comment <!-->– Does not display comment text in browser

Page 8: HTML Tags Lesson 2. What are HTML Tags?  Markup tags  Coded instructions that accompany the plain text of an HTML document  Syntax –Left wicket< –Tag

Lists

Unordered lists– Bulleted lists– <UL> - Non-empty tag set– <LI> - Empty tag

Ordered lists– Numbered lists– <OL> - Non-empty tag set– <LI> - Empty tag