HTML Formatting
iDeskBD Forum :: E-EDUCATION :: HTML
Page 1 of 1
HTML Formatting
You may be familiar with some of the formatting options that are
available in word processing applications such as Microsoft Office, and
desktop publishing software such as QuarkXpress. Well, many of these
formatting features are available in HTML too! This lesson contains
some of the more common formatting options.
Headings
There is a special tag for specifying headings in HTML. There are 6 levels of headings in HTML ranging from h1 for the most important, to h6 for the least important.
Typing this code:
Heading 1
Heading 1
Heading 1
Heading 1
Heading 1
Heading 1
Bold
You specify bold text with the <b> tag.
Typing this code:
This text is bold.
Italics
You specify italic text with the <i> tag.
Typing this code:
This text is italicised.
Line Breaks
Typing this code:
Here is a
line break.
Horizontal Rule
Typing this code:
Results in this:
Here's a horizontal rule...
...that was a horizontal rule
Unordered (un-numbered) List
Typing this code:
Results in this:
Ordered (numbered) List
Note, that the only difference between an ordered list and an
unordered list is the first letter of the list definition ("o" for
ordered, "u" for unordered).
Typing this code:
Results in this:
available in word processing applications such as Microsoft Office, and
desktop publishing software such as QuarkXpress. Well, many of these
formatting features are available in HTML too! This lesson contains
some of the more common formatting options.
Headings
There is a special tag for specifying headings in HTML. There are 6 levels of headings in HTML ranging from h1 for the most important, to h6 for the least important.
Typing this code:
- Code:
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
Heading 1
Heading 1
Heading 1
Heading 1
Heading 1
Heading 1
Bold
You specify bold text with the <b> tag.
Typing this code:
- Code:
<b>This text is bold.</b>
This text is bold.
Italics
You specify italic text with the <i> tag.
Typing this code:
- Code:
<i>This text is italicised.</i>
This text is italicised.
Line Breaks
Typing this code:
- Code:
<p>Here is a...<br />line break.</p>
Here is a
line break.
Horizontal Rule
Typing this code:
- Code:
Here's a horizontal rule...
<hr />
...that was a horizontal rule :)
Results in this:
Here's a horizontal rule...
...that was a horizontal rule
Unordered (un-numbered) List
Typing this code:
- Code:
<ul>
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ul>
Results in this:
- List item 1
- List item 2
- List item 3
Ordered (numbered) List
Note, that the only difference between an ordered list and an
unordered list is the first letter of the list definition ("o" for
ordered, "u" for unordered).
Typing this code:
- Code:
<ol>
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ol>
Results in this:
- List item 1
- List item 2
- List item 3
iDeskBD Forum :: E-EDUCATION :: HTML
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum
|
|