Summary
The first unit, introduced the basics of what Web pages are and
how they work. You learned that coded
HTML commands are included in
the text of an
HTML document, in this unit you've been introduced to
the most basic and important HTML
tags.
You learned to put a few Basic HTML tags at the beginning and end of the
HTML page; and that An HTML document contains two distinct parts, the
head
and the
body.
Finally, you learned why typing HTML text yourself is often better than
using a graphical editor to create HTML commands for you.
In the seconde unit you've been introduced to the most basic and
important HTML text formatting tags.
By adding these coded commands to any
plain text document,
you can quickly transform it into text Web page. You also learned how to
include page
titles, paragraph
and line breaks, horizontal rules, and various headings.
|
Tag
|
Function
|
<html>
<head>...</head>
<body>...</body>
</html>
|
Basic HTML Structure
Evry HTML document should contain this basic Structure
The head contains the title, and the body contains everything displayed as part of the web page
The whole page is bracketed by "html" tags.
|
unit 1 |
<title>...</title>
|
Title
displayed in the title bar at the top of your browser window ,but not as part of the web page
A title is also used to identify your page for search engine
Choose your title to be descriptive ,unique and short(64 characters ..) |
unit 1 |
<!--Hello mageed-->
|
Comment
Notes and information in the body but
not displayed in the browser |
unit 1 |
<sup>...</sup>
<sub>...</sub>
|
superscripts (example 104; x 2 )
subscripts ( CaCo3)
|
unit 2 |
<u>...</u>
<strike>...</strike>
|
underline
(draws a line through text)
|
unit 2 |
|
<address>...</address>
|
Italicized and offset text for page footers:
hayayoo@yahoo.com |
unit 2 |
|
<blockquote>...
</blockquote>
|
Indents and offsets text for long quotations:
Experiment with the blockquote tag in your own
web page.
|
unit 2 |
<pre>...</pre>
|
Monospaced font,
preserving spaces and line breaks. |
unit 2 |
|
<H1>Size 1</H1>
|
Size 1
|
unit 2 |
<h3>Size 3 <h3>
|
Size 3
|
unit 2 |
<B> ..... </B>
|
For Boldface text; |
unit 2 |
<i> ..... </i>
|
You can make
any text italic |
unit 2 |
<TT> ..... </tt>
|
The typewriter tag to indicate
a special word |
unit 2 |
<br>
|
Forces a line break;
No extra blank line between paragraphs |
unit 2 |
<p>
|
Creates a paragraph break and Inserts an extra blank line between
paragraphs |
unit 2 |
<hr>
|
Horizontal rule tag.
Causes a horizontal "rule" line to appear
in the Web page |
unit 2 |
|
|
|
Pose cafe:
- To open your html document in the text editor
On the view menu in Internet Explorer, click source.
- Use the Favorites of your web browser to mark the lessons menu so you
can make the lessons available off-line, and you can navigate easily to
other lessons
.
- When you save your document in the text editor you must save all of your HTML files with
names that end in .htm or html
 It is important to note that the ending tag contains the "/" slash character.
This slash tells a web browser to stop tagging the text, < / tag name > |
|
 THIS IS A PROJECT of the Hayayoo Educaion
. Welcom to HTML was developed by Omar Elbadii, Project manager
at SMC calcium carbonate dpt Saudia Arabia.
I've tried to make the
information on this web site as accurate as possible, your helpful
suggestions, corrections are welcom.
Send me a note!
|
|
e-mail:
hayayoo@yahoo.com