Text Formatting Tags

Now that you know what HTML basically is, and you know how to create an HTML document, I will teach you the different text formatting tags. You have already seen an example of a text formatting tag on the first page (the tag). Below is a table that shows you the various text formatting tags. As you will see, there are many of these, but you do not need to remember all of them. I have put an asterisk next to the tags that are most commonly used. More information on these tags are available in the Advanced Guide, but I would suggest that you go through this whole tutorial, before checking the advanced guide. One important tag that I have not included in this one is the tag. I will discuss it in the next page.

Tag What it is used for The code used The result

<ADDRESS> For addresses or other contact information. My address is <ADDRESS>wherever</ADDRESS> My address is
wherever

* <BIG> To show text in a larger font size. This text is <BIG>quite big</BIG> This text is quite big

* To make text bold. This text is bold This text is bold

<CITE> For a citation. This text is a <CITE>citation</CITE> This text is a citation

* <CODE> For a code. This text is a <CODE>code</CODE> This text is a code

<DFN> For a definition. The definition of happy is: <DFN>not sad</DFN> The definition of happy is: not sad

* For emphasising text. This text is emphasised This text is emphasised

<XMP> For an example. An example of an insect is a <XMP>bee</XMP> An example of an insect is a

* To make text italics. This text is in italics This text is in italics

<KBD> No particular use. This text uses the <KBD>keyboard</KBD> tag This text uses the keyboard tag

<LISTING> For introducing a program listing. This text introduces a <LISTING>program listing</LISTING> This text introduces a program listing

<SAMP> No particular use. This text uses the <KBD>sample</KBD> tag This text uses the sample tag

* To show text in a smaller font size. This text is quite small This text is quite small

* <STRIKE> To put a horizontal line through the text. This text is <STRIKE>strikethrough</STRIKE> This text is ~~strikethrough~~

* For strongly emphasising text. This text is strongly emphasised This text is strongly emphasised

* For displaying the text in a smaller font, lower than the line. This text is in subscript This text is
in _subscript

* For displaying the text in a smaller font, higher than the line. This text is in superscript This text is
in ^superscript

* <TT> No particular use. This text uses the <TT>teletype</TT> tag This text uses the teletype tag

* For underlining text. This text is superscript This text is underlined

<VAR> For representing a variable. This text is represents a <VAR>variable</VAR> This text is represents a variable

	Tag	What it is used for	The code used	The result
	<ADDRESS>	For addresses or other contact information.	My address is <ADDRESS>wherever</ADDRESS>	My address is wherever
*	<BIG>	To show text in a larger font size.	This text is <BIG>quite big</BIG>	This text is quite big
*	<B>	To make text bold.	This text is <B>bold</B>	This text is bold
	<CITE>	For a citation.	This text is a <CITE>citation</CITE>	This text is a citation
*	<CODE>	For a code.	This text is a <CODE>code</CODE>	This text is a `code`
	<DFN>	For a definition.	The definition of happy is: <DFN>not sad</DFN>	The definition of happy is: not sad
*	<EM>	For emphasising text.	This text is <EM>emphasised</EM>	This text is emphasised
	<XMP>	For an example.	An example of an insect is a <XMP>bee</XMP>	An example of an insect is a
*	<I>	To make text italics.	This text is in <I>italics</I>	This text is in italics
	<KBD>	No particular use.	This text uses the <KBD>keyboard</KBD> tag	This text uses the `keyboard` tag
	<LISTING>	For introducing a program listing.	This text introduces a <LISTING>program listing</LISTING>	This text introduces a program listing
	<SAMP>	No particular use.	This text uses the <KBD>sample</KBD> tag	This text uses the `sample` tag
*	<SMALL>	To show text in a smaller font size.	This text is <SMALL>quite small</SMALL>	This text is quite small
*	<STRIKE>	To put a horizontal line through the text.	This text is <STRIKE>strikethrough</STRIKE>	This text is ~~strikethrough~~
*	<STRONG>	For strongly emphasising text.	This text is <STRONG>strongly emphasised</STRONG>	This text is strongly emphasised
*	<SUB>	For displaying the text in a smaller font, lower than the line.	This text is in <SUB>subscript</SUB>	This text is in _subscript
*	<SUP>	For displaying the text in a smaller font, higher than the line.	This text is in <SUP>superscript</SUP>	This text is in ^superscript
*	<TT>	No particular use.	This text uses the <TT>teletype</TT> tag	This text uses the `teletype` tag
*	<U>	For underlining text.	This text is <U>superscript</U>	This text is underlined
	<VAR>	For representing a variable.	This text is represents a <VAR>variable</VAR>	This text is represents a `variable`

Long one, isn't it? Well, don't worry too much about them. Just keep in mind the tags with the asterisk besides them. Those are the ones that you will mostly require for creating a website. OK, now let's learn the most important of all text formatting tags, the font tag.

By the way, if you want to contact me, or if you want
to report any problems or errors, you can E-mail me.

Or you can just Sign or View my guestbook.