|
here are the sections and their content:  visit
to
get the best html editors , graphic programs ,.......
visit Web Design section is my web design service.I design professional and low cost web sites for your company.Also I design homepages.
You can find what program you want from catagorized Programs Section
links section contains links and webmaster resources.If you want to get listed put my small banner to your site and send e-mail
A must visit part of my site is photoshop tutorials section.This section uptades every week.(now under construction)
Html Tutorials Section is the place you go through the steps and code a basic page.And Html Lessons Section is a course
for you to learn the basics of html.
And if you want to learn about me click the About Me link
|
|
Lesson 1
\Lesson-1/
\Lesson2-/
\Lesson-3/
1.GENERAL TAGS
A html document must contain some tags
<html>
<head> <title> </title> </head>
<body>
</body>
</html>
a) <html> tag shows that the document type is html.
b)<head> </head> tag is the invisible part of the document.
c)you must write your pages title into the <title> </title>tag.
d)<body> </body> tag is the part that every visible things are in.
And all tags open with < > and close with </ > all opened tags must be
closed(some are not)We can use some elements with<body>tag.Here they are:
<BODY BACKGROUND="URL">...inserts an image as background.
<BODY BGCOLOR="#xxxxxx">..shows the backgroundcolor.
<BODY LINK="#xxxxxx">.....shows the links color.
<BODY VLINK="#xxxxxx">....visited links color.
<BODY ALINK="#xxxxxx">....active links color.
2.FONT
To write something to your page you have to use <font> </font> tag.
font tag has some functions here they are:
<font size=" ">....shows the size of the text.You can write 1,2,...7
<font color=" ">...shows the color of the text.for ex. black,white
<font face=" ">....shows the font.for ex. arial,helvetica etc.
there are more tags to change fonts format.But they are not written
with <font> tag.For example:
<b>.......makes the text bold.Example bold
<I>.......makes the text italic.Example ITALIC
<strong>..makes bold too.Example stron
<big>.....makes font larger.
<u>.......underlines the text.Example underline
<strike>..draws a line.Example strike
<blink>...Example
<spacer type="horizontal","vertical","block">.....ads space
3.LINKS
<a href="http://url">....links to a page or http file
<a href="mailto:e mail">.link to mail.Example mail
<a href="url #word">.....link to a target.Example font
<a href="url" target="frame name">.......url opens in the frame you select.
<a href="url"><img src="image name"></a>.links with an image
4.IMAGES
<img src="url">..adds an image
<img src="url" ALIGN="TOP">..shows image on the top of the page
<img src="url" ALIGN="bottom">....shows image on the bottom of the page
<img src="url" ALIGN="middle">....shows image on the middle of the page
<img src="url" ALIGN="left">......shows image on the left of the page
<img src="url" ALIGN="right">.....shows image on the right of the page
<img src="url" ALIGN="texttop">...shows the image top of the text
<img src="url" alt="image info.">.the text that will be shown while
image is loading
<img src="url" width="pixel" height="pixel">.shows the size of the image
<img src="url" border="pixel">....borders the image
5.OTHER
<p></p>..makes a pragraph
<p ALIGN=LEFT|CENTER|RIGHT></p>..makes the text align left,right etc.
<br>.....paragraph indentation
<hr>.....draws a horizontal line
<hr align="LEFT,RIGHT,CENTER">...makes the line align left,right etc.
<hr size="pixel">................shows the size of the line(as pixel)
<hr width="pixel>................shows the width of the line(as pixel)
<hr noshade>.....................shows that the lines inside is filled
<wbr>............................divides the word
5.The Sum Of The Lesson 1
1.the tags that you use to insert an image or write a simple text had learned
2.make a simle page using the tags you learned.
EXAMPLES
this is an example.
I used these tags to write that text.you can use other tags to make that
text rich.But a simple text is better than a rich text.
<u><b><font color="#86C2DF" size="3">this is an example</font></b></u>
I insert this image with these html codes
<center><A HREF="example.jpg"><IMG SRC="example.jpg" BORDER="2" WIDTH="100"
HEIGHT="26"></a></center>
|
|
