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:
Image may be NSFW.
Clik here to view.
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:
Image may be NSFW.
Clik here to view.
3.Create Table:
<table border=1 bgcolor=#ccffoo>
<tr>
<td>Computer</td>
<td>Software</td>
<td>Download</td>
</tr>
</table>
Output would be:
Image may be NSFW.
Clik here to view.![]()
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">
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:
Image may be NSFW.
Clik here to view.
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:
Image may be NSFW.
Clik here to view.
3.Create Table:
<table border=1 bgcolor=#ccffoo>
<tr>
<td>Computer</td>
<td>Software</td>
<td>Download</td>
</tr>
</table>
Output would be:
Image may be NSFW.
Clik here to view.
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">