Introduction of HTML

Learn HTML, it is a markup language which is used for creating Web Pages. HTML stands for Hyper Text Markup Language. It was developed by Tim Berners-Lee in 1991. It is the official language of World Wide Web for developing web pages. It is descendant of SGML i.e., standard generalized markup language. It is used to define the structure of the web page.

In HTML, one can create web pages using the collection of tags HTML tags are surrounded by angular bracket(< >). The extension of the HTML file is .htm or html.

Types of tags

1. Container tag

2. Empty tag

Container tag

It has both starting and ending tag

Example

<b></b>

Empty Tag

It has only starting tag.

Example

Basic Structure of HTML

<html>

<head>

<title>

My first page

</title>

</head>

<body>

Hello

</body>

</html>

Definition of Basic Structure Tags

<HTML></HTML>	<HTML> tells the browser, that from here html’s coding has started. It is a container tag. </html> tells the browser that html document has been finished.
<head></head>	It displays the header of the document.
<title></title>	It displays the title of the web page. It is used inside the <head> </head> tag.
<body></body>	It defines the document body. It displays text, images, tables, list, hyperlinks , forms etc. in it.

Software Requirement for Creating Web Pages

Notepad
Any browser like Mozilla Firefox, Internet Explorer, Google Chrome etc.

HTML WEB PAGE DESIGN - How to Create simple HTML web page

How to Design Simple HTML Web page In this article, we are going to learn how to design HTML web page. This article is used to let you know, how to create a simple web page using HTML. With this article you will come to know how to create the simple web page from scratch. To create the web page one should use the editors like notepad or Dreamweaver or Notepad++ etc. Here we are using Notepad ,in this connection steps are initiated to be as following HTML Web Page Design A web page is a part of a website, containing information about a particular topic. You can create a custom web page using HTML. You can put anything you want on your web page like images, tables, hyperlinks, etc. Open Notepad: To open the Notepad one has to go to Start -> All Programs -> Accessories ->Notepad. Notepad Once Notepad is open write the coding their as given below 1. <HTML> is the first tag of the web page and you have to write it at the top of the no

How to create HTML Forms - II

How to create HTML Form - II In this tutorial, we will learn about How to create HTML Form . So far we have discussed how to create a frame , tables , List , insert Images , Linking in HTML etc. HTML Form is one of the most important part of the websites Every website has Contact forms or feedback forms.. Filling the Digital forms saves time, cost of printing, and paperwork. Submit Button Submit button It is used for submitting the form data to the server page. Example: How to create form - Submit button Output is: How to create form- Sumit Button <Select></Select> <select></select> It is used to create Popup menu and a List.<option></option> is used to define the option in the drop-down menu or the list. Attributes of <select></select> Name = name - Name of the drop down menu or list Size= value - To specify the number of visible values. Selected - To define Pre-selected item. Multi

Basic Formatting Tags of HTML - 2

Subscript the Text <sub></sub> tag is used to display the text or figure or symbols below the baseline, slightly of small size then normal text. It is used to display mathematical formulas, footnote, end-notes. Example <html> <head> <title> subscript the text </title> </head> <body> H<sub>2</sub>O </html> Larger Text <big></big> tag is used to increase the size of the text by 1 point. Example <html> <head> <title> to increase the size of the text 1 point </title> </head> <body> Education <big>point</big> </body> </html> Smaller Text <small></small> tag is used to decrease the size of the text by one point. Example <html> <head> <title> to decrease the size </title> </head> <body> Education <small>time</small> </body> </html> S

Learn HTML CSS Online

Search This Blog