Home » Web » HTML, DHTML » Story Details
Printable Version

Style tags in HTML 5

by Monika Arora on Sep 20, 2011

Style Tags are used for providing different styles to a document
Comments: 0    Views: 157

Style tags in HTML 5

  • <b>: This tag is used to display a text in bold in html document.

     
    Syntax:
     
    <b> Text you want to display in bold </b>

     Code:

     
    <!DOCTYPE HTML>
     <html>
     <body>
     <p> I m <b> b </b> tag </p>
     </body>
     </html>
     
    Output:

    bold.gif
      
     
  • <i>: This tag is used to show text in italics in a document.

      Syntax:
     
    <i> Text you  want to show in italics </i>
     
      Code:

     
    <!DOCTYPE HTML>
      <html>
      <body>
      <p> I m <i> i </i> tag </p>
      </body>
      </html>

       Output:

       i.gif  
      
         
  • <pre>: This tag is used to set formatting in such a way, that the way we write it, it will display in browser in same format. It will also include white space if you have include it while writing text in this tag. It don't do word wrap.

     Syntax:
     <
    pre> A text you want to write which will display in same format in browser. </pre>

      Code:

     
    <!DOCTYPE HTML>
      <html>
      <body>
      <p> <pre> This tag is used to set formatting in a way </pre>
      </p>
      </body>
      </html>
     
      Output:
  •   pre.gif   

  •  <small>:- This tag is used to display text in small in a browser.

      Syntax:
     
    <small> A text you want to display in small </small>

      Code:

      
    <!DOCTYPE HTML>
      <html>
      <body>
      <p> <small> I m </small> <b>small</b> <i> tag </i> </p>
      </body>
      </html>

      Output:
  •   small.gif

  • <style>:- We can use this tag to provide some style to our document. We can use color attribute with it to differentiate normal paragraph  and main heading in our document.

     Syntax:
     
    <style type=type of text you want. It can contain text/css values> After that a tag on which u want to 
     define attribute:{an attribute value} </style>

     Code:

      
    <!DOCTYPE HTML>
      <html>
      <head>
      <style type="text/css">
       h1 { color: Purple}
       h2 { color: Orange}
      </style>
      </head>
      <body>
      <h1> I m style tag </h1>
      <h2> I provide style to document </h2>
      </body>
      </html>

       Output:
  •    style.gif   

 

Post a Comment
*
DevExpress PowerBuilder Web Development Windows Development Languages Software Engineering Databases
iPhone Architecture Secutiry UML & Modeling Operating Systems Networking Testing
Graphics Design Project Management Hardware Open Source Games Development Business Intelligence Visual Studio LightSwitch 2011
MonoDevelop Visual Studio 2010 ASP.NET HTML, DHTML XML PHP JavaScript
Silverlight Web Services WCF Windows Forms WPF Windows Services Dynamic Link Libraries
ActiveX COM, DCOM, ATL C# VB.NET C++ F# Java
Pascal SQL Server Oracle DB2 MS-Access Windows Servers Windows
Linux Unix SAP LINQ .NET Framework ADO.NET Reporting
Crystal Reports SQL Server Reporting Services Igenda Reports Active Reports Adobe Fireworks Arrays & Collections Hosting
Future Trends Android Windows Phone Smart Devices Business M&A Investment & Funding
Web Browsers Internet Explorer Firefox Safari Common Entrepreneurs Students
Consulting Wiki Gadgets MobileMe iCloud iOS Social Media
Facebook Twitter LinkedIn Google+ Microsoft Kinect XBox
Wii Playstation DirectX i OS OS X CIO, CTO, CEO Windows 8
Web Design Expression Blend 4 Photoshop CS5 Creative Suite 5.5 Expression Web 4 Expression Studio 4 Creative Suite® 5.5 Design
Creative Suite 5.5 Web Creative Suite 5.5 Production Startups Funding M&A Laptops Smart Phones
Desktops Cameras & Camcorders Netbooks Tablets Virtualization Microsoft Surface WordPress
Software Products Cloud Computing Current Affairs Technology TV TV
Earnings XAML E-Commerce MonoTouch Mono for Android Deals Electronics
Mobile Phone Laptop Tablet Book Computer Press Releases Reviews
Products Books Companies Windows Azure SQL Azure Interviews Mac
Web Browsers Symbian Windows Forms WPF Windows Services HTML 5 Office 365
SharePoint 2010 Exchange Server Adobe Visual Studio 2012 iPad Flex / Flash Games
Windows 9
X
 Login
Please login to submit a new post, reply and edit exiting posts, see user profiles, and access more features. If you are not a registered member, Register here.
User Id / Email:
Password:  
Forgot Password | Forgot UserName