HTML - Headings:
A heading in HTML is just what you might expect, a title or subtitle. By placing text inside of <h1> (heading) tags, the text displays bold and the size of the text depends on the
number of heading (1-6).
Headings are numbered 1-6, with 1 being the largest heading and 6 being the smallest.
HTML Code:
<body>
<h1>Headings</h1>
<h2>are</h2>
<h3>great</h3>
<h4>for</h4>
<h5>titles</h5>
<h6>and subtitles</h6>
</body>
Place these lines into your HTML file and you should get what is displayed below.
Headings
are
great
for
titles
and subtitles
Notice that each heading has a line break before and after each heading display. This is a
built in attribute so to speak associated with the heading tag. Each time you place a heading tag, your
web browser automatically places a line break in front of your beginning tag and after your ending tag exactly the same as with
<p> tags.
Essay Walkthrough
Let's tie together headings and paragraphs to form an essay. Copy(Highlight, then Ctrl C) or code the following in the body of your page or a new page. Or
make your own essay paragraphs.
HTML Code:
<h1 align="center">Essay Example</h1>
<p>Avoid losing floppy disks with important school/work projects...</p>
<p>For instance, let's say you had a
HUGE school or work project to complete. Off ...</p>
HTML Paragraphs
Paragraphs are defined with the <p> tag.
Example
<p>This is a paragraph</p>
<p>This is another paragraph</p>
Note: Browsers
automatically adds an empty line before and after paragraphs.
Don't Forget the End Tag
Most browsers will display HTML correctly even if you forget the end tag:
Example
<p>This is a paragraph
<p>This is another paragraph |
|
The example above will work in most browsers, but don't rely on it. Forgetting the end tag can produce
unexpected results or errors.
Note: Future version of HTML will not allow you to skip end tags.
HTML Line Breaks
Use the <br /> tag if you want a line break (a new line) without starting a new paragraph:
Example
| <p>This is<br />a para<br />graph with line breaks</p> |
|
The
<br /> element is an empty HTML
element. It has no end tag.
<br> or <br />
In XHTML, XML, and future versions of HTML, HTML elements with no end tag (closing tag) are not allowed.
Even if
<br> works in all browsers, writing
<br /> instead is more
future proof.
HTML Output - Useful Tips
You cannot be sure how HTML will be displayed. Large or small screens, and resized windows will create different results.
With HTML, you cannot change the output by adding extra spaces or extra lines in your HTML code.
The browser will remove extra spaces and extra lines when
the page is displayed. Any number of lines count as one space, and any number of spaces count as one space.
HTML Tag Reference
W3Schools' tag reference contains additional information about
HTML elements and their attributes.
| Tag | Description |
| <p> | Defines a paragraph |
| <br /> | Inserts a single line break |
