Aug 3, 2013

LEARNING HTML

Introduction:
HTML stands for Hyper Text Markup Language. HTML used by web browsers in determining how to display a web page. it is the underlying foundation of website design. it is a combination of plain text and tags. Tags tell the browser how to display contents of the page. you use tags every time you want to format a text, insert image or table. HTML documents are also called web pages.



                                                 HTML  

Role of each tag in a document:
1. <html></html> all HTML documents begin and end with these tags. they tell browser that it is an HTML document.

2. <head></head> head tags encapsulate meta information, such as the document's title, keywords and description information that will be used by search engines.

3. <title></title> title tags define the title of the document, that will be displayed in title bar of the browser.

4. <body></body> this is body section of document and document's viewable contents will be inserted here.

5. the text between <h1> and </h1> is displayed as a heading.

6. the text between <p> and </p> is displayed as a paragraph.


HTML can be edited by using a professional HTML editor like:
1. Adobe Dreamweaver.
2. Kompozer Tutorial.
3. Microsoft Expression Web.
4. CoffeeCup HTML Editor. 


1.The structure of an HTML document:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
         <head>
               <title>Example Page</title>
        </head>
        <body>
        <h1>Hello India</h1>
       </body>
      </html>

Output would be:

 

2.Change Background Color:

<html>
<head>
<title>my first web page</title>
</head>
<body bgcolor="#0099ff">

my name is Manik Sarkar

</body>
</html>

  Output would be:

         



3.Create Table:

<table border=1 bgcolor=#ccffoo>
<tr>
<td>Computer</td>
<td>Software</td>
<td>Download</td>
</tr>
</table>   

Output would be:


 

4.Create Link:

The HTML code for a link looks like this
<a href="url">Link Text</a>

Example:

<a href="http://www.computinga2z.blogspot.com/">Computer Learn</a>

Which will display like this:   Computer Learn
      

5.Add Images:

The HTML code for  images look like this
<img src="url" alt="some text">

Example:

<img src="http://hdnaturepictures.com/wp-content/uploads/2013/05/Green-Mountain-Wallpaper.jpg" alt="mountain">

6 comments:

Nice and quite informative post. I really look forward to your other posts.
Technical Support Engineering Services

Hello Admin!
Such a great and informative post indeed, I really appreciate it!
Keep updating stuffs like this.

Manager:
Attitude Tally Academy

thanks for such a quite informative article.

Hi, I really like your blog you’ve written very well. I must say you have lot of knowledge about this but I want to suggest you something that if you are looking forb Free ad Posting Websites www.helpadya.com there is one more website www.helpadya.com

The information you've provided in this blog is relevant and up to the mark, really such useful information on  Best Sites For Posting Free Ads in Delhi websites India, liked the most. Well, there is one more classified website which will give you advance detail for this sort of topicswww.helpadya.com

Post a Comment

Share

Twitter Facebook Digg Stumbleupon Favorites More