Welcome to the world of HTML that is full form of:
Hyper is the opposite of linear.Old -fashioned computer programs were necessarily linear -that is ,they had a specific order.But with a "hyper" language such as HTML,the user can go anywhere on the web page at any time.
Text is just what you're looking at now -English characters used to make up ordinary words.
Mark-up is what is done to the text to change its appearance.For instance,"marking up" your text with <b> before it and </b> after it will put that text in bold.
Language is just that.HTML is the language that computers read in order to understand web pages.
A mark-up language is set of mark-up tags.HTML uses mark-up tags to describe we pages.
Note that HTML is not a programming language,it is a mark-up language.
- H - Hyper
- T - Text
- M - Markup
- L - Language
Hyper is the opposite of linear.Old -fashioned computer programs were necessarily linear -that is ,they had a specific order.But with a "hyper" language such as HTML,the user can go anywhere on the web page at any time.
Text is just what you're looking at now -English characters used to make up ordinary words.
Mark-up is what is done to the text to change its appearance.For instance,"marking up" your text with <b> before it and </b> after it will put that text in bold.
Language is just that.HTML is the language that computers read in order to understand web pages.
A mark-up language is set of mark-up tags.HTML uses mark-up tags to describe we pages.
Note that HTML is not a programming language,it is a mark-up language.
Advantages of HTML:-
- It's easy to use.
- It is supported on the majority of browsers, in fact ,may be even all of them.
- It is widely used on all websites.
- It will cost you nothing.It is free.
- Easy to learn.
- Loose syntax.
- Very similar to XML syntax,which is increasingly used for data storage.
- Free -You need not to buy any software.
Structure of HTML document:-
An HTML document is made up of two sections:-
1)THE HEAD SECTION :-
The head section contains information related to the webpage.Example
the title of the document.Any data which is provided in the Head Section
will not appear in the viewing area of the web browser.We use Head tag as<head> and</head>The tags used within this tag are TITLE,SCRIPT.
2)THE BODY SECTION:-
All information contained in the browser section is displayed in the
browser.The way in which this information is to be displayed is
instructed to the browser with the help of HTML tags.We use <body> and </body> tag for it.The tags used in this tag are all the tags of symbols like bold,paragraph,italic,horizontal rule,etc.
The structure of the HTML document is as follows:-
<html>
<head>
<title> My first html document</title>
</head>
<body>
<h1>My first heading</h1>
<p>My first Paragraph.</p>
</body>
</html>
Explanation of above coding is:-
- - The text between <html> and </html> describes the web page.
- - <title>This is the name that your browser will use to identify the page.
- -<head> This encloses basic information about your page.Your title and meta tags go here as well as any scripts you want executed before the main part of the page loads.
- -The text between <body> and </body> is the visible page content
- - The text between <h1> and </h1> is displayed as a heading
- - The text between <p> and </p> is displayed as a paragraph.
Tags :-
A tag is a unit of markup.These are used to define elements in HTML. Each consists of the "less than" and "greater than" characters (< and >) with the element name and possibly some attributes and values inside.
Star Tag and End Tag:
Start Tag:- Start tags are used to begin an effect .A start tag begins with(<) sign by the tag element and ends with the (>) sign.
End Tag:-The end tags are used to end the effect.An end tag also begins with (<) sign ,it has an additional forward slash(/) immediately after the less than (<) sign. This is followed by the keyword and the tag is closed with the greater than (>) sign.
e.g. Start Tag : <title>
End Tag : </title>
It is between the start tag and the end tag that you have to insert the text to which the effect of the tag is to be applied.
Tags in HTML:-
Tag can have attributes.Attributes can provide additional information about the HTML elements on your page,included inside the start tag.
Attributes always come in name/value pairs like this: name="value"
Syntax is
<tag_name attribute_name="value">
e.g.<img src="C:\image.jpg">
In above example src is an attribute for image tag and its values are specified in double quotes.
HTML is the language which can be used embedded with many languages as to make front end forms like with PHP,ASP.NET,etc.
The language is easy to learn and understand .
Heading tag :- There are six heading tags They are:-
<h1>ABC</h1>
<h2>ABC</h2>
<h3>ABC</h3>
<h4>ABC</h4>
<h5>ABC</h5>
<h6>ABC</h6>
The Heading tag is used to heading h1 tag is used to display words in large size and h6 is used to write in smallest size.
Scripting Languages:-We can use Javascript or vbscript languages with HTML.
Tags in HTML:-
- Table
- Lists
- Paragraph
- Physical styles
- Logical styles
- Horizontal Rule
- Break Line
- Image
- Anchor
- Marquee
- Subscript
- Superscript
Tag can have attributes.Attributes can provide additional information about the HTML elements on your page,included inside the start tag.
Attributes always come in name/value pairs like this: name="value"
Syntax is
<tag_name attribute_name="value">
e.g.<img src="C:\image.jpg">
In above example src is an attribute for image tag and its values are specified in double quotes.
HTML is the language which can be used embedded with many languages as to make front end forms like with PHP,ASP.NET,etc.
The language is easy to learn and understand .
Heading tag :- There are six heading tags They are:-
<h1>ABC</h1>
<h2>ABC</h2>
<h3>ABC</h3>
<h4>ABC</h4>
<h5>ABC</h5>
<h6>ABC</h6>
The Heading tag is used to heading h1 tag is used to display words in large size and h6 is used to write in smallest size.
Scripting Languages:-We can use Javascript or vbscript languages with HTML.
