Welcome to the world of HTML that is full form of:
- 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.
First:-Open Notepad -
Go to Start ---->All Programs ----->Accessories ----->Notepad
Second :- Type your html code in the notepad
Third :- Save that document with a good name and extension of .htm or .html Remember that you should know the file in your folder where you are saving it.
Fourth :- Run that file in Browser
Click on File ----> Open file ---> Select your file where you have save it(browse) --->Open
Second :- Type your html code in the notepad
Third :- Save that document with a good name and extension of .htm or .html Remember that you should know the file in your folder where you are saving it.
Fourth :- Run that file in Browser
Click on File ----> Open file ---> Select your file where you have save it(browse) --->Open
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.
Marquee tag
This tag is used for scroll purpose .If you want to scroll your text on your website then this tag is useful .
It has attributes behavior,direction and color.
The direction can be right to left or left to right.We can color to text and also to the background of the text also.The tag is <marquee> </marquee>,the text is written within it.
List tag can be of two types
1.Ordered list - <ol> </ol> tag is used for ordered list in it we use the li tag that is,<li> </li>
The order can be of any type so attribute used for it is type i,ii,I,II(Roman numbers)A,B,a,b(alphabets)
and so on.
2.Unordered list -<ul></ul> is the tag for it we also use <li> </li> tags in it .The unordered can also have type like disc ,circle,square,and so on
Break Line -<br> tag is used for break the line and go to the new line,so that the text after the tag print on next line in your web page.It does not have ending tag.
Horizontal Rule :-<hr> tag draws a horizontal line on web page .
Tags in HTML:-
- Table
- Heading
- 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.
Marquee tag
This tag is used for scroll purpose .If you want to scroll your text on your website then this tag is useful .
It has attributes behavior,direction and color.
The direction can be right to left or left to right.We can color to text and also to the background of the text also.The tag is <marquee> </marquee>,the text is written within it.
List tag can be of two types
1.Ordered list - <ol> </ol> tag is used for ordered list in it we use the li tag that is,<li> </li>
The order can be of any type so attribute used for it is type i,ii,I,II(Roman numbers)A,B,a,b(alphabets)
and so on.
2.Unordered list -<ul></ul> is the tag for it we also use <li> </li> tags in it .The unordered can also have type like disc ,circle,square,and so on
Break Line -<br> tag is used for break the line and go to the new line,so that the text after the tag print on next line in your web page.It does not have ending tag.
Horizontal Rule :-<hr> tag draws a horizontal line on web page .
No comments:
Post a Comment