Tags- It refers to the HTML code that defines the element in an HTML file such as heading, images, paragraph, list, etc. HTML tags consist of a left angle(<) a tag name, and a right angle (>). There are two kinds of tags the container tag & the empty tag. Tags are not case-sensitive.
Types of Tags
- Container Tag
- Empty Tag
Container Tag- These Tag that contains Text or any other tags element are called container tags. These actually consist of two tags a) start tag & b) an end tag which enclosed the text they affect.
Eg- <H1>………. </H1>
Empty Tag- These are stand-alone & do not contain Text or any other tag element.
Eg- <Br>
Attributes- It allows us to specify how a web browser should treat a particular tag. An attribute is included within the actual tag either within the start tag or an empty tag. And tag should not contain attributes.
Syntax : Attribute = “value”
Eg : Bgcolor = “red”
<Body bgcolor =”red” Text =”Green”>
Working with Text: HTML provides certain features while evoking text.
Formatting Tags: Tags for text style at the destination to a certain character of text.
- Bold: The Tag <B> …..</B> display the text in bold phase style.
Eg: I am student of <B> B.Com </B>
- Italic: we can display text in italic in our web page.
Eg: My name is <I> John </I>
- Underline: It is a container Tag. It starts tag is <U> & Tag is </U>. and used to underline & closed text.
Eg: I am the student of <U> B.Com </U>
- Strong Tag: The strong tag is also used to make our tag in Bold most browser display bold and strong tag identically.
Eg: I am student of <strong> B.Com III year </strong>
- Emphasis Tag: The emphasis Tag is also used to make our text in italics.
Eg: <em> Ankit </em>
- Strike Tag: The <strike>………… </strike> Tags are used to strike through or strike out the tags.
Eg: <strike> Wrong information</strike>
- Subscript or Superscript: The <sub>…….. </sub> tag is subscript the tag & <sup>…………</sup> tag is used to superscript with the close tag.
Eg: Subscript- H <sub> 2 </sub> o
Superscript- 2 <sup> 3 </sup>
- Font Tag: The <font>……</font> is used to format the size, type, face & color of the enclosed tags. The font tag can be used with 3 different attributes namely size, face & color.
- Face attribute: The face attribute is specify the type of the font. We can use the single type face or we can use a list of type faces separated by commands(,).
Eg 1: <Font face=”arial”>
John </Font>
Eg 2: <Font face=”arial, Times New Roman”>
John </Font>
2. Size: The font tag is used the size attributes to change the size of the text. We can set font sizes using absolutes or relations size values.
i. Setting absolute font sizes: There are seven absolute sizes numbered from 1 to 7 that we can said using size attributes of the font tag. The default is 3.
<Html>
<Head><title>define absolute sizes</title>
</Head>
<Body>
<Font size=”1”>
John </Font>
</Body>
</Html>
ii. Setting Related font size: Related font size changes are indicated by either (+) or (-) size preceding the size attribute value.
Eg: <Font size=”3+1”>
Indicate the font size is one larger than the default font (3+1). To set the base font, the base font tag allows us to change the size of the base font or default font size <base-font size=”4”>
iii. Setting the base font: The base font tag allows us to change the size of the base font or default font size.
Eg: <Base font size=”4”>
3. Color attribute: We can specify the font color using the color attribute of the font tag. We can use color name or a #RGGB, #RR00, #FF0000 value to specify a font color. The color names are black, white, aqua, blue, fuchsia, gray, green, & yellow.
Using the Small & Big Tag: The small tag <small>…………</small> renders the enclosed tag in a small font. The small tag has a small effect on the <font size=”-1”>. The Big tag <Big>…………</Big> renders the enclosed tag in a larger font. The Big tag has the same effect <font size=”+1”>
Eg: <Body>
This is the normal Tag.
<Big> This is Big tag </Big>
<Small> This is small </small>
</Body>
