TopWebSite.Info Home logo

Web Design Higlights
Five steps to start web site
Web site step by step
How to select web designer
Website hosting guide
Where to host my web site

Promote your web site (SEO guide)
Search engines and Internet directories submission
Google AdWords tricks
Promote in Web Forums
Web forum signature usage
Website optimization guides :
Web page speed optimization
Web page errors optimization
Books on SEO

Web design articles
Overview
Web page HTML basic
Web site links (HTML links)
Meta tags in web page head
HTML Text formatting
HTML Table formatting
Web design programms

Visit also

12 web notes

Web Review Blog



HTML TEXT formatting

Previous: HTML HEAD element

To make the HTML pages more attractive we use different page layouts, colors and pictures. An important role in the web page formatting is the usage of the appropriate text format, size and color.

Fixed size or floating text size

We say that a fixed text size is used in one web page, when its size is preset in pixels and it is not possible for the visitor to change the display text size using his/her Internet Explorer settings (Text size: Largest, Larger, Medium, Smaller, Smallest).

The web designers often use fixed text size in order to prevent the user from changing the page format and layout. However the new web browsers implement features like "Page : Zoom : xxx%" in Internet Explorer and "Text Size : Increase / Decrease " in Mozilla Firefox that zoom the complete web page or increase and decrease the text font regardless how the web page is build.

HTML TEXT formatting tags

Text example Text HTML code
this is not formated text this is not formated text
this is strong text <strong>this is strong text</strong>
this is strong red text <strong><font color="red">this is strong red text</font></strong>
this text has emphasis <em>this text has emphasis</em>
center aligned text
<div align="center">center aligned text</div>

Heading 1 formatted text

<h1>Heading 1 formatted text</h1>

Heading 2 formatted text

<h2>Heading 2 formatted text</h2>
text superscript text text <sup>superscript text</sup>
text subscript text text <sub>subscript text</sub>
text size + 1 <font size="+1">text size + 1</font>
text size - 1 <font size="-1">text size - 1</font>
text size 1 <font size="1">text size 1</font>
text font definition <font face="Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif">text font definition </font>
text list:
  • item 1
  • item 2
  • item 3
text list:
<ul>
<li>item 1
<li>item 2
<li>item 3
</ul>




12 Note Website management

Next: HTML TABLE formatting