HTML Headings
Headings are important in HTML documents.
HTML Headings
Headings are defined with the <h1> to <h6> tags.
<h1>
defines the largest heading. <h6> defines the smallest heading.
Example
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
|
Try it yourself »
|
Note: Browsers automatically add an empty line before and after a heading.
Headings Are Important
Use HTML headings for headings only. Don't use headings to make text BIG
or bold.
Search engines use your headings to index the structure and content of your
web pages.
Since users may skim your pages by its headings, it is important to use
headings to show the document structure.
H1 headings should be used as main headings, followed by H2 headings, then
the less important H3 headings, and so on.
HTML Lines
The <hr /> tag creates a horizontal line in an HTML page.
The hr element can be used to separate content:
Example
<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>
|
Try it yourself »
|
HTML Comments
Comments can be inserted into the HTML code to make it more readable and
understandable. Comments are ignored by the browser and are not displayed.
Comments are written like this:
Note: There is an exclamation point after the opening bracket, but not before the closing bracket.
HTML Tip - How to View HTML Source
Have you ever seen a Web page and wondered "Hey! How did they do that?"
To find out, right-click in the page and select "View Source" (IE) or "View
Page Source" (Firefox), or similar for other browsers. This will open a window
containing the
HTML code of the page.
 |
Examples From This Page |
Headings
How to display headings in an HTML document.
Hidden comments
How to insert comments in the HTML source
code.
Horizontal lines
How to insert a horizontal line.
HTML Tag Reference
W3Schools' tag reference contains additional information about these tags
and their attributes.
You will learn more about HTML tags and attributes in the next chapters of this
tutorial.

Whether you're new to XML or already an advanced user, the
user-friendly views and powerful entry helpers, wizards, and debuggers
in XMLSpy are designed to meet your XML and Web development needs from
start to finish.
New features in Version 2011!
- XML editor
- Graphical XML Schema / DTD editors
- XSLT 1.0/2.0 editor, debugger, profiler
- XQuery editor, debugger, profiler
- XBRL validator, taxonomy editor, taxonomy wizard
- New! Chart creation for XML data
- Support for Office Open XML (OOXML)
- Graphical WSDL 1.1/2.0 editor & SOAP debugger
- JSON editing & conversion
- Java, C#, C++ code generation
- 32-bit and 64-bit versions
- And much more!
Download a free trial today!
|
|
|
 |
W3Schools' Online Certification
The perfect solution for professionals who need to balance work, family, and career building.
More than 6000 certificates already issued!
Get Your Certificate »
|
The HTML Certificate documents your knowledge of HTML, XHTML, and CSS.
The CSS Certificate documents your knowledge of advanced CSS.
The JavaScript Certificate documents your knowledge of JavaScript and HTML DOM.
The jQuery Certificate documents your knowledge of jQuery.
The XML Certificate documents your knowledge of XML, XML DOM and XSLT.
The ASP Certificate documents your knowledge of ASP, SQL, and ADO.
The PHP Certificate documents your knowledge of PHP and SQL (MySQL).
|