Creating an HTML Page A web page is created using a language
called, Hypertext
Markup Language, better known as HTML Code. You can write your
own coding
within a plain text editor, such as Note Pad, or use an HTML
editor, which
will write the code for you.
HTML codes, also referred to as HTML tags, are enclosed by the
lesser than
(<) and greater than (>) brackets and may be written in
capital or
lower case letters.
The opening bracket is followed by an
element, which is a
[color:0696=#0000C0 ! important][color:0696=#0000C0 ! important]browser command, and
ends
with the closing bracket.
<
font size=2>
An
element may also be followed
by
attributes, which are words
describing the
properties of the element, and further instruct the browser.
<font
size=2>
Attributes are only contained in the opening HTML tags to the
right of the
element and are separated by a
space and followed
by an equal (=) sign.
The
value follows the equal
sign and is enclosed
in quotes.
<font size=
2>
Basic HTML Document Code Structure
Begin writing your HTML tags by creating
your document's
basic layout. Copy and paste this code into your text or HTML
editor.
<html> <head> <title>Your Page Title</title> </head> <body> This area will contain everything that will be visible through a web browser, such as text and graphics. All of the information will be HTML coded. For a complete list of HTML codes, tags and examples, see the HTML chart below. </body> </html> |
<html> - Begins your HTMLdocument.
<head> - Contains information about the page such
as the TITLE,
META tags for proper Search Engine indexing, STYLE tags, which
determine
the page layout, and JavaScript coding for special effects.
<title> - The TITLE of your
page. This will
be visible in the title bar of the viewers’ browser.
</title> - Closes the HTML <title> tag.
</head> - Closes the HTML <head> tag.
<body> - This is where you will begin writing your
document
and placing your HTML codes.
</body> - Closes the HTML <body> tag.
</html> - Closes the <html> tag.
How to Copy and Paste HTML Tags / Codes
To copy and paste the HTML tags / codes
from the HTML
chart below into the HTML of
[color:0696=#0000C0 ! important][color:0696=#0000C0 ! important]your [color:0696=#0000C0 ! important]web [color:0696=#0000C0 ! important]page, place your mouse
pointer over
the beginning of the HTML code you would like to copy. Next,
click
and hold your left mouse button and drag your mouse over all the
HTML code
you would like to copy
(
Example of highlighted
text). Your HTML code should now be highlighted.
Go to "Edit"
- "Copy" on your web browser's toolbar and then place your
cursor within
your HTML code where you would like to place the code. Right
click on your
mouse and go to "Paste." Your HTML code should now be displaying
within your
HTML document.