Text formatting tags in HTML
HTML Formatting tags :
There are several tags in HTML used to format the text, like , <strong>, <em>,etc. These formatting tags can make text bold, italic, sub/superscripted and more.<strong> tag :
It causes anything between <strong> & </strong> to be rendered in boldfaces.<em> tag :
It defines anything between <em> & </em> to displayed in Italic.<u> tag :
This tag underlines the text appearing in between this tag.<s> tag :
It puts<address> tag :
This tag defines information about web page such as URL, date of last version, adress, etc. It provides contact information for the author and enables readers to contact the author.<pre> tag :
The text appearing in between <pre> & </pre> displayed in exactly same format as typed in. It also preservesline breaks and blank spaces.
Attributes | Description | Values |
---|---|---|
align : | Sets align of the inner content. | left, right, center, justify |
width : | It defines number of characters per line. | number |
<big> tag :
This tag displays text one font size larger than surrounding text.<small> tag :
This tag displays text one font size smaller.<sub> tag :
This tag displays text half a character size lower. Like here,
H<sub>2</sub>O, CO<sub>2</sub>, O<sub>2</sub>, So<sub>2</sub>
Output :
H2O, CO2, O2, SO2
<sup> tag :
This tag displays text half a character size height higher. Eg.
(x+y)<sup>2</sup>, (5888)<sup>3</sup>
Output :
(x+y)2, (5888)3
<tt> tag :
This tag displays text in monospaced form.<font> tag :
This tag changes texts size,style & color.This tag have following attributes:
Attributes | Description | Values |
---|---|---|
size : | Defines size of text. | number |
face : | Sets the fonts style. | font_family |
color : | Sets color for enclosed text. | rgb(x,x,x), #xxxxxx or colorname |
lang : | Language for a text to be appear in can be set here. | language_code |
<marquee> tag :
This tag causes text to be scroll across the browser.This tag doesn't work in all browsers. Eg.
<marquee align="top" bgcolor="blue" behavior="alternate" width="50%" height="30px" direction="right" scrollamount="10" scrolldelay="1000" >This text will bounce from left to right</marquee>
Output :
It has following attributes:
Attributes | Description | Values |
---|---|---|
align : | Sets the alignment of the text to be scroll over the marquee. | left, right, top, bottom or middle. |
bgcolor : | Sets the background color of the marquee. | rgb(x,x,x), #xxxxxx or colorname |
height : | Sets the height of the marquee area. | pixels or % |
width : | Sets the width of the marquee area. | pixels or % |
direction : | Sets the direction from where the text will start scrolling. | left, right, up or down. |
scrollamount : | How many pixels the text should moves between 'frames' is set here. | pixels |
scrolldelay : | Smoothness of scrolling can be achieve by setting this attribute. This sets the amount of time, in milliseconds, between 'frames'. | milliseconds |