HTML Headings and Comments

HTML Comments

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).

<<-Building and editing HTML .. -- Paragraphs, Line break, Horizontal ..->>

Daily Test with Code Example

HTML

CSS

JavaScript

PHP-MySQL

Which type of <input> creates a date input control, such as a pop-up calendar?

type="text" type="date" type="button"

<input type="date" name="set_date" value="2012-10-15" />

Which CSS property adds shadow effects to the text of an element?

font-style color text-shadow

h2 {
  text-shadow: 2px 3px 3px #a0a1fe;
}

Click on the function that adds new elements to the end of an array.

pop() shift() push()

var pags = ["lessons", "courses"];
pags.push("download", "tutorials");
alert(pags[2]);            // download

Which function sorts an array by key, in ascending order, maintaining key to data correlations?

asort() ksort() sort()

$lang =[10=>"PHP", 20=>"JavaScript", "site"=>"coursesweb.net");
ksort($lang);
var_export($lang);     // array ("site"=>"coursesweb.net", 10=>"PHP", 20=>"JavaScript")

Last accessed pages

querySelector and querySelectorAll ^(18566)
jsSHA - SHA Hashes and HMAC in JavaScript ⁽⁸⁰⁸⁾
Node.js Working with Directories ⁽¹⁶⁶⁶⁾
PHP-MySQL free course, online tutorials PHP MySQL code ^(58640)
PHP PDO - prepare and execute ⁽⁸¹⁰⁵⁾

Popular pages this month

Courses Web: PHP-MySQL JavaScript Node.js Ajax HTML CSS ⁽²³²⁾
PHP-MySQL free course, online tutorials PHP MySQL code ⁽¹⁵⁸⁾
Read Excel file data in PHP - PhpExcelReader ⁽¹⁴⁶⁾
querySelector and querySelectorAll ⁽¹⁰³⁾
Wake Up! ⁽¹⁰¹⁾