HTML Headings

HTML offers six levels of headings, using paired tags, from Heading 1 ( <h1> ... </h1>) to Heading 6 ( <h6> ... </h6>).
Each browser displays the headings in boldface, using its default font and descending font sizes, from Heading 1 (the biggest) to Heading 6 (the smallest).
- You can add CSS styles to change the Heading's font size, color, and other properties..

Use <h1>, <h2>, ..., for headings only.
Headings are important, search engines use document headings to index the structure and content of your web pages.


- Example:
<!DOCTYPE html>
<html>
<head>
<title>Example Headings</title>
</head>
<body>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
</body>
</html>

HTML Comments

Comments are used to insert notes into the document that are not displayed by the browser.
To add a comment, use the <!-- --> tag, placing the comment between the two pairs of dashes.

- Example:
<h4>Example HTML with Comments</h4>
<!-- This is a comment, Start Menu -->
<ul>
 <li>Menu one</li>
 <li>Menu two</li>
</ul>
<!-- End Menu -->
Comments can be any length and are not restricted to one line.
Although browsers don't display comments when they display the web page, they can be viewed in the source code of the web page.
- To view the source code for the page currently displayed in Google Chrome browser, right-click on the page, then click View Page Source (or Ctrl+U).
- To view the source code in Mozilla Firefox, click the View menu, and then click Page Source (or Ctrl+U).

Daily Test with Code Example

HTML
CSS
JavaScript
PHP-MySQL
Which tag adds an image in web page?
<div> <img> <span>
<img src="http://coursesweb.net/imgs/webcourses.gif" width="191" height="63" alt="Courses-Web" />
Which of these CSS codes displays the text oblique?
font-style: italic; text-decoration: underline; font-weight: 500;
#id {
  font-style: italic;
}
Click on the jQuery function used to hide with animation a HTML element.
click() hide() show()
$(document).ready(function() {
  $(".a_class").click(function(){ $(this).hide("slow"); });
});
Click on the correctly defined function in PHP.
fname function() {} function fname() {} function $fname() {};
function fname($a, $b) {
  echo $a * $b;
}
HTML Headings and Comments

Last accessed pages

  1. PHP PDO - exec (INSERT, UPDATE, DELETE) MySQL (44471)
  2. Get the value of the selected /checked checkboxes in a form (40325)
  3. createElement and insertBefore (5902)
  4. Insert, Select and Update NULL value in MySQL (36876)
  5. Create simple Website with PHP (22297)

Popular pages this month

  1. Making DIV Contents Scroll Horizontally, with multiple Div`s inside (2413)
  2. Contact page - CoursesWeb (2332)
  3. Tabs effect with CSS (2323)
  4. Insert, Select and Update NULL value in MySQL (1314)
  5. PHP getElementById and getElementsByTagName (903)