HTML: Headings and Bold

Author: Ronald S. Holland
at
Total Application Works




To contact us



HOME] Consulting Design Maintenance Project Testing Training Turnkey Java C++ SQL HTML JavaScript ]

© 2002 - 2013 All Rights Reserved Total Application Works


    Tell a friend about this site (copy and paste the following HTML page into a file (e.g., using Notepad).)
    <html>
    <head>
    <title>Example of a link </title>
    </head>
    <body>
    <a href="http://sumtotalz.com/TotalAppsWorks/HTML/Headings_and_Bold">
    Headings and Bold Tags </a>
    </table>
    </body>
    </html>






How to write a HTML Page with Headings and Bold Tags

The purpose of this tutorial is to show you how to write a HTML page with Headings and Bold tags. What is HTML (HyperText Markup Language)? HTML is a layout/tag language that is used to organize text and/or images on a web page. In the following example, we will show you the code for our page that lays out Headings and Bold tags.

<html> <br>
<body> <br>
<h1>This tag is used for Heading type 1. </h1> <br>
<h2>This tag is used for Heading type 2. </h2> <br>
<h3>This tag is used for Heading type 3. </h3> <br>
<h4>This tag is used for Heading type 4. </h4> <br>
<h5>This tag is used for Heading type 5. </h5> <br>
<h6>This tag is used for Heading type 6. </h6> <br>
<b>This tag is used for the enclosed text bold. </b> <br>
<strong>This tag is used for the enclosed text bold.  </strong> <br>
</body> <br>

</html> <br>
Figure 1: HTML Example of a page with paragraph and break tags


  1. <html> - indicates the beginning of the HTML page
  2. <body> - indicates the beginning of what will be displayed on the user's screen
  3. <h1> - indicates a Heading of type 1
  4. </h1> - indicates the end of the Heading of type 1
  5. <h2> - indicates a Heading of type 2
  6. </h2> - indicates the end of the Heading of type 2
  7. <h3> - indicates a Heading of type 3
  8. </h3> - indicates the end of the Heading of type 3
  9. <h4> - indicates a Heading of type 4
  10. </h4> - indicates the end of the Heading of type 4
  11. <h5> - indicates a Heading of type 5
  12. </h5> - indicates the end of the Heading of type 5
  13. <h6> - indicates a Heading of type 6
  14. </h6> - indicates the end of the Heading of type 6
  15. <b>> - indicates the beginning of text to be made bold
  16. </b>> - indicates the end of text to be made bold
  17. <strong>> - indicates the beginning of text to be made bold
  18. </strong>> - indicates the end of text to be made bold
  19. </body> - indicates the end of what will be displayed on the user's screen
  20. </html> - indicates the end of the HTML page

This is how the above Figure 1 text looks on your screen.

This tag (<h1>) is used for Heading type 1. (</h1>)


This tag (<h2>) is used for Heading type 2. (</h2>)


This tag (<h3>) is used for Heading type 3. (</h3>)


This tag (<h4>) is used for Heading type 4. (</h4>)


This tag (<h5>) is used for Heading type 5. (</h5>)

This tag (<h6>) is used for Heading type 6. (</h6>)

This tag (<b>) is used to make the enclosed text bold. (</b>)
This tag (<strong>) is used to make the enclosed text bold.(</strong>)

Feel free to copy and paste the code in the above Figures into a source file.










HOME] Consulting Design Maintenance Project Testing Training Turnkey Java C++ SQL HTML JavaScript ]


To contact us

© 2002 - 2013 All Rights Reserved Total Application Works