webmaster tools and all html editorsDesign Sphere Home
photoshop tutorials
html tutorials for beginners
html lessons for beginners
html tips for webmasters
about me
contact
professional banner design
low cost web site design
categorized programs
prize list
links

 

here are the sections and their content:

spherevisit

Webmaster Tools Section
to get the best html editors , graphic programs ,.......

spherevisit

Banner Design Section  to have your banner designed professionally and just for 15$

sphereWeb Design section is my web design service.I design professional and low cost web sites for your company.Also I design homepages.

sphereYou can find what program you want from catagorized Programs Section

spherelinks section contains links and webmaster resources.If you want to get listed put my small banner to your site and send e-mail

sphereA must visit part of my site is photoshop tutorials section.This section uptades every week.(now under construction)

sphereHtml 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.

sphereAnd if you want to learn about me click the About Me link

CONTACT

 

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 blink                            
  <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>