Html guide - online HTML guide - logical tags in HTML - free html guide - online beginners html guide free
html guide, online HTML guide, logical tags in HTML, free html guide, online beginners html guide free

HTML guide - Logical Tags

There are 9 logical tags each requiring a closing tag:

  • <STRONG> Strong:   I am strong
  • <EM> Emphasis:   I am emphasized
  • <ABBR> Abbreviation:   I am abbreviated
  • <CITE> Citation:   Citation
  • <CODE> Code:   I am programming code
  • <DFN> Definition:   Definition
  • <KBD> Keyboard:   Quite like keyboard strokes
  • <SAMP> Sample:   Sample
  • <VAR> Programming Variable:   Programming Variable

Like the physical level tags, these tags can be nested. So:

<STRONG><EM>Some text</EM></STRONG>

will be displayed as:

Some text

Logical and Physical tags revisited
You would have noticed that <STRONG> and <EM> are displayed quite like <B> and <I> physical tags. But remember Logical tags do not control the display of text. It is up to the browser to render text enclosed between these tags.
For example, when a browser encounters text between <EM> and <EM> tags it understands that this text has to be accentuated somehow. So the text may be put in bold or in italics depending on the browser.



Online Workspace

Now play with the code:
To check the result, click on the "Display" button. Another browser window pops up with the results. Modify the code in the box and check the results again. Get a good feel of this before proceeding to the next section.


Back Next


AddThis Social Bookmark Button
Page contents: Html guide - online HTML guide - logical tags in HTML - free html guide - online beginners html guide free

Page URL: http://www.webdevelopersnotes.com/tutorials/html/ html_guide_logical_tags.php3



Join Mailing List


Feedback/Questions




50+ web hosting FAQs

Search engine for your website

Free software from Google - The Google Pack Collection

Create your own search engine
Search WebDevelopersNotes.com