Web-Development-Tutorials Home

Web Development Tutorials
HTML Tutorials
CSS Tutorials
Javascript Tutorials

Web-Development-Tutorials.com

Web Development Tutorials and Resources for Web Developers
from Beginners to Professionals

HTML Text Formatting Tutorial

HTML Text Formatting Tutorial

HTML allows you to define some elements for formatting text such as bold text, however, I recommend that you use CSS to format your text.

If you would like to learn to formatt text in using CSS, visit our CSS Tutorials


This HTML text formatting tutorial starts with the most common tags that are used to format text which are bold (<b>), italic (<i>), delete (<del>) and the ins (<ins>).

Notice that all of the text formatting tags have a beginning and a closing tag and the text that is formatted is within these tags.

<b>
The <b> tag makes text bold
</b>

<i>
The <i> tag makes text italic
</i>

<del>
The <del> tag creates text with a line through it
</del>

<ins>
The <ins> tag underlines the text
</ins>


Valid HTML Tags

Below are some more valid HTML tags

<abbr>
The <abbr> tag is used to denote an abbreviation and should be used in combination with the title tag
</abbr>

<acronym>
The <acronym> tag is used to denote an acronym and should be used in combination with the title tag
</acronym>

<address>

The <address> tag produces this

</address>

<bdo dir="rtl">
The <bdo dir="rtl" > tag in combination with the dir="rtl" attribute is used when text is supposed to be read from right to left and produces this:
</bdo>

The <bdo dir="rtl"> tag in combination with the dir="rtl" attribute is used when text is supposed to be read from right to left.

<big>
The <big> tag increases the font size by one
</big>

<blockquote>

The <blockquote> tag indents the whole block of text on both the left and right side and adds a line-break at the top and bottom. It's used mostly for long quotations.
</blockquote>

<cite>
The <cite> tag produces this text
<cite>

<code>
The <code> tag is used to present text as computer code
</code>

<dfn>
The <dfn> tag is used to denote a definition and produces this text
</dfn>

<div>
The <div> tag sets a block of your web page off on its own and is used mainly in combination with cascading style sheets
</div>

<em>
The <em> tag produces this text
</em>

<h#>
The <h#> tag creates headings. There are 6 levels of heading tags from <h1> to <h6>
<h#>

heading 1

heading 2

heading 3

heading 4

heading 5
heading 6

<kbd>
The <kbd> tag produces this text
</kbd>

<pre>

The <pre> tag produces this text which appears mono-spaced.
It produces a line-break at the top and the bottom.
</pre>

<q>
The <q> tags places quotations around text
</q>

<samp>
The <samp> tag produces this text
</samp>

<small>
The <small> tag decreases the font size by one
</small>

<span>
The <span> tag is similar to the <div> tag, except the <tag> only affects the text which it surrounds
</span>

<strong>
The <strong> tag produces this text
</strong>

<sub>
The <sub> tag produces this text. It renders the text in sub-script, below normal the line.
</sub>

<sup>
The <sup> tag produces this text. It renders the text in sup-script, above the normal line.
</sup>

<tt>
The <tt> tag produces this "typewriter-text"
</tt>

<var>
The <var> tag is used to denote variables in equations.
</var>

Web Development Resources

Free Hit Counters
Free Music and
Online Radio Stations

Free SEO Tools
Free Page Rank Checker
Free Back Link Checker
Free Google Banned Checker
Free Keyword Density Checker
Free Link Popularity Checker
Free Search Engine Keyword Position Checker
Free Search Engines Lisitings Preview
Free Link Extractor
Free Source Code Viewer
Free Domain Tools
Free Domain Name Availability Tool
Free Domain Whois Lookup
Free Ping Test
Free Reverse/IP Lookup
Misc Free Web Development Resources View Web Browser Details