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 browser how to display contents of page. you use tags every time you want to format a text, insert image or table. HTML documents are also called web pages.





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 defines title of the document, that will be displayed in title bar of 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">

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

Post a Comment

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More