Unit I - Lesson 3 - Two Types of Tags

Lesson 3 The Two Types of

TagsTags, Part of a Tag, 2 Kinds of Tags, Other Contents

Prepared by:

MARLON L. LALAGUNA

What are Tags?

0These are the building blocks of HTML codes. They are indicators of how a certain object or property will appear on the output page.

Parts of Tag (Syntax)

<TAG NAME ATTRIBUTE=“VALUE”...> Affected Text/Image/Object</TAG NAME>

2 Kinds of Tags

0EMPTY TAGS – these are tags that do not require closing tags. 0 <br>, <hr>

0CONTAINER TAGS – require an opening tag that designate the start of the tag/property/attribute and a closing tag to demote the end of that tag/property/attribute. 0 <center></center>, <font face=“Arial”> </font>0 <html></html> and other basic structure tags

Other Contents

0Property/Attribute – additional information attached to certain tags to give a more detailed information of what the tag should stand for.0 Samples:

0<h1 align=center>

0<font face=“Arial” color=“green” size=7>

0<hr color=“beige” size=50 width=50% >

Other Contents

0Value – the value assigned to the property/attribute. This can a numeric, or set of strings or scripts. 0 Samples:

0<h1 align=center>

0<font face=“Arial” color=“green” size=7>

0<hr color=“beige” size=50 width=50% >

Other Contents

0Scripts – these are lines of code designed to run with HTML codes for a better execution of the web page.0 Sample:0<script type=”text/javascript”>

document.write (“This line is written in JavaScript <br>)” </script>

ASSIGNMENT

0What are the steps in creating HTML documents?0Do HTML browsers ignore white spaces? Explain your

answer.0What is a line break tag <br>?0What are the purposes of the comment tag <!—

comment-->? 0What are the attributes of heading tag <hn></hn>,

horizontal rule tag <hr>, and paragraph tag <p></p>?

Unit I - Lesson 3 - Two Types of Tags

Documents

Transcript of Unit I - Lesson 3 - Two Types of Tags