HTML
  Home arrow HTML arrow Page 11 - HTML Tutorial
Dev Articles Forums 
ADO.NET  
Apache  
ASP  
ASP.NET  
C#  
C++  
ColdFusion  
COM/COM+  
Delphi-Kylix  
Design Usability  
Development Cycles  
DHTML  
Embedded Tools  
Flash  
Graphic Design  
HTML  
IIS  
Interviews  
Java  
JavaScript  
MySQL  
Oracle  
Photoshop  
PHP  
Reviews  
Ruby-on-Rails  
SQL  
SQL Server  
Style Sheets  
VB.Net  
Visual Basic  
Web Authoring  
Web Services  
Web Standards  
XML  
Mobile Linux 
App Generation ROI 
IBM® developerWorks 
Weekly Newsletter
 
Developer Updates  
Free Website Content 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us Get Paid 
Request Media Kit
Contact Us 
Site Map 
Privacy Policy 
Support 
 USERNAME
 
 PASSWORD
 
 
  >>> SIGN UP!  
  Lost Password? 
HTML

HTML Tutorial
By: Anand Narayanaswamy
  • Search For More Articles!
  • Disclaimer
  • Author Terms
  • Rating: 3 stars3 stars3 stars3 stars3 stars / 68
    2004-10-11

    Table of Contents:
  • HTML Tutorial
  • Paragraph Tags, Attributes and Headings
  • Using Lists
  • Indents and Links
  • Working with Images
  • Working with Tables
  • Working with Frames
  • Using Forms, Text, Buttons, and Combo Box
  • Text Area, Check Box, and Radio Buttons
  • Additional Tags
  • Drawing Lines, SUB and SUP Tags
  • Test Yourself Questions

  • Rate this Article: Poor Best 
      ADD THIS ARTICLE TO:
      Del.ici.ous Digg
      Blink Simpy
      Google Spurl
      Y! MyWeb Furl
    Email Me Similar Content When Posted
    Add Developer Shed Article Feed To Your Site
    Email Article To Friend
    Print Version Of Article
    PDF Version Of Article
     
     
    ADVERTISEMENT


    HTML Tutorial - Drawing Lines, SUB and SUP Tags


    (Page 11 of 12 )

    }

    You can draw a Horizontal line by making use of <HR> tag. Its attributes include bgcolor and size. Listing 27 shows its usage:

    Listing 27

    <HR bgcolor = “yellow” size = “10”>
    Using Address tag

    Suppose, if you want to give your contact information on a web page, you can make use of <ADDRESS></ADDRESS> tag. It displays the texts in its own font. Hence, there is no need for you to format the texts separately.

    Listing 28

    <ADDRESS>Microsoft Inc, Washington, USA</ADDRESS>

    Using <SUB> tag

    This tag stands for subscript. The basic functionality of this tag is that it lowers the texts between the tag.

    Listing 29

    H<SUB>2</SUB>O

    Using <SUP> tag

    This tag stands for superscript and it raises the texts between the tag as shown in Listing 30. 

    Listing 30

    2<SUP>3</SUP> = 8

    Applying Fonts

    You can change the appearance of your text using <FONT> tag. Its attributes are face, size and color. Face attribute accepts font names like Arial, Courier, Verdana and etc. Size accepts values from 1 to 7 while color specifies the font color.

    Listing 31

    <FONT face = “Verdana” size = “3” color = “blue”>
    This text will display in blue color
    </FONT>

     

    More HTML Articles
    More By Anand Narayanaswamy


       · this is really terrible. how did this win a contest?? the author could not even use...
       · I read the date of the article twice, as it would have been quite a valid article in...
       · Dear Reader;The article won because of the quality of the article, including...
       · about the benefits of charcoal for transportation, it'll win? This is...
       · You know, you're absolutely right. All I can say is that I apologize for any...
       · Hi All,Thanks for your comments. Well. I am the author of this HTML...
       · Point taken. But that is like taking out the english people use in text messaging...
       · "The <BLOCKQUOTE> tag double indents a block of text from both margins automatically...
       · I noticed one thing about that tutorial that I find VERY amateur. How many of...
       · Right or wrong, the author has still made an effort to explain the 'concept' of...
       · Even for HTML 3.2, this article advocates bad practises. Fact is that nobody _needs_...
       · I think the quality of this article is really good. It would be really helpful for...
       · No offense Shiju, but your website is garbage as well, and you are most certainly...
       · man i just spent like 2 hours reading and following this tutorial and now that im...
       · I was just thinking the SAME EXACT thing...
       · this article serves its purpose but its step by step tutorial is too easy and...
       · I am photographer and i still teach B&W using a darkroom. I see both side, although...
     

    HTML ARTICLES

    - Comparing Browser Response to Active Client ...
    - Testing Browser Response to Active Client Pa...
    - Active Client Pages: Completing the Code for...
    - ACP and Browsers: Setting up an Example
    - How Browsers Respond to Active Client Pages
    - Completing a Tree with Active Client Pages
    - HTML Form Verification and ACP
    - Building an ACP Tree
    - Completing an ACP 3D HTML Table Image Gallery
    - Building an ACP 3D HTML Table Image Gallery
    - A Multiple Page Image Gallery with Active Cl...
    - Building an Image Gallery with Active Client...
    - Concluding a Menu for All Browsers
    - A Vertical Menu for All Browsers
    - Downloading Long HTML Pages with ACP







    © 2003-2009 by Developer Shed. All rights reserved. DS Cluster 2 Hosted by Hostway
    Stay green...Green IT