Learn HTML Tutorial Step by Step
Guide
Q1. What is HTML
Ans. HTML is a markup language for
describing web documents (web pages).
First to start this HTML Application you should basic knowledge of Window or Linux operating system Means You have some knowledge of computer. You start this program you have to knowledge. How to open HTML and How to save HTML file.
Simply Click Start button and search note pad.
HTML File must be save in .html eg. sahil.html, example.html etc.
HTML History:-
HTML was created by Berners- lee in late 1991 but HTML 2.0 was the first standard HTML specification which was published in 1995. HTML 4.01 was a major version of HTML and it was published in late 1999. Through HTML 4.01 version is widely used but currently we are having HTML – 5. HTML – 5 version was published in 2012.
To open a file in a browser, double click on the file, or right-click, and choose open with opera, firebox, or internet explorer or any other browser.
HTML works almost all browsers but some time image not show in
Opera Mini, Firebox browser etc.
So image file open in Window Internet explorer browser.
HTML Most Important Tags
There is two way to write html.
1. A Simple Example of HTML
<!doctype html>
<html>
<body>
This is a simple example of HTML
<body>
<html>
OUTPUT
This is a example of HTML.
2. HTML Heading
<html>
<body>
<h1> This is a heading 1 </h1>
<h2> This is a heading 2 </h2>
<h3> This is a heading 3 </h3>
<h4> This is a heading 4 </h4>
<h5> This is a heading 5 </h5>
<h6> This is a heading 6 </h6>
</body>
</html>
OUTPUT : -
This is a heading 1
This is a heading 2
This is a heading 3
This is a heading 4
This is a heading 5
This is a heading 6
Note:- Heading Tag shortcut keys
h1, h2, h3, h4, h5, h6.
Students must be write heading tags h1, h2, h3, h4, h5, h6. Do not write heading 1, heading 2 means. Do not Write <heading 1> This is a example of heading 1 </heading 1>
This is wrong. H1 means heading Tag 1 long size, h2 means small size, h3 means less then h2 size, h4 means less then h3 size, h5 means size less then h4, & h6 means so less size less then all sizes.
4) HTML Paragraph Example
<html>
<body>
<p> This is a paragraph example </p>
<p> My name is Sahil Bhatia</p>
<p> I am a App Developer</p>
<p> I am a good Chess Player </p>
</body>
</html>
Output:-
This is a paragraph example
My name is Sahil Bhatia
I am a Teacher
I am a good Chess Player
Note:- Paragraph tag must be write in HTML is <p>
It is necessary </p> paragraph tag start and close paragraph tag</p>
5. HTML Line Break
<html>
<body>
<p>This is a <br> my copy <br> its price is<br> Rs 20<br>This is a example of Line Break</p>
</body>
</html>
OUTPUT
This is a
my copy
its price is Rs 20
This is a example of Line Break
Note:- Break tag do not need to close
6) HTML Link Example
<html>
<body>
<a href ="http://www.sahilbhatiaapps.blogspot.com">
This is a link </a>
</body>
</html>
OUTPUT
<body>
<b>This is a bold text example.</b>
</body>
</html>
Output:- This is a bold text example
8) HTML italic, small, sub and super script Example.
<html>
<body>
<p> <i> This text is italic</i></p>
<p><small> This text is small </small></p> <p>this is <sub> subscript</sub>and <sup> this is superscript</sup>
</body>
</html>
OUTPUT
This text is bold
This text is italic
This text is small
this is subscript and this is superscript
For More Examples Please Click This Link HTML Tutorial
Ans. HTML is a markup language for
describing web documents (web pages).
1. HTML stands for Hyper Text Markup
Language.
2. A markup language is a set of markup
tags.
3.
HTML documents are described by HTML tags.
4.
Each HTML tag describes different document content.
This Application is designed for web designers and web developers need to
understand HTML. First to start this HTML Application you should basic knowledge of Window or Linux operating system Means You have some knowledge of computer. You start this program you have to knowledge. How to open HTML and How to save HTML file.
Simply Click Start button and search note pad.
HTML File must be save in .html eg. sahil.html, example.html etc.
HTML History:-
HTML was created by Berners- lee in late 1991 but HTML 2.0 was the first standard HTML specification which was published in 1995. HTML 4.01 was a major version of HTML and it was published in late 1999. Through HTML 4.01 version is widely used but currently we are having HTML – 5. HTML – 5 version was published in 2012.
To open a file in a browser, double click on the file, or right-click, and choose open with opera, firebox, or internet explorer or any other browser.
HTML works almost all browsers but some time image not show in
Opera Mini, Firebox browser etc.
So image file open in Window Internet explorer browser.
HTML Most Important Tags
1. The DOCTYPE declaration defines the document type to be
HTML
2. The text between <html> and </html> describes an HTML
document
3. The text between <head> and </head> provides
information about the document
4. The text between <title> and </title>
provides a title for the document
5. The text between <body> and </body>
describes the visible page content
6. The text between <h1> and </h1> ,<h2>
and </h2>, <h3> and </h4>, <h5> and</h5>,
<h6> and </h6> describes a heading
7. The text between <p> and </p>
describes a paragraph
Using this description, a web browser can
display a document with a heading and a paragraph.There is two way to write html.
1. A Simple Example of HTML
<!doctype html>
<html>
<body>
This is a simple example of HTML
<body>
<html>
OUTPUT
This is a example of HTML.
2. HTML Heading
<html>
<body>
<h1> This is a heading 1 </h1>
<h2> This is a heading 2 </h2>
<h3> This is a heading 3 </h3>
<h4> This is a heading 4 </h4>
<h5> This is a heading 5 </h5>
<h6> This is a heading 6 </h6>
</body>
</html>
OUTPUT : -
This is a heading 1
This is a heading 2
This is a heading 3
This is a heading 4
This is a heading 5
This is a heading 6
Note:- Heading Tag shortcut keys
h1, h2, h3, h4, h5, h6.
Students must be write heading tags h1, h2, h3, h4, h5, h6. Do not write heading 1, heading 2 means. Do not Write <heading 1> This is a example of heading 1 </heading 1>
This is wrong. H1 means heading Tag 1 long size, h2 means small size, h3 means less then h2 size, h4 means less then h3 size, h5 means size less then h4, & h6 means so less size less then all sizes.
4) HTML Paragraph Example
<html>
<body>
<p> This is a paragraph example </p>
<p> My name is Sahil Bhatia</p>
<p> I am a App Developer</p>
<p> I am a good Chess Player </p>
</body>
</html>
Output:-
This is a paragraph example
My name is Sahil Bhatia
I am a Teacher
I am a good Chess Player
Note:- Paragraph tag must be write in HTML is <p>
It is necessary </p> paragraph tag start and close paragraph tag</p>
5. HTML Line Break
<html>
<body>
<p>This is a <br> my copy <br> its price is<br> Rs 20<br>This is a example of Line Break</p>
</body>
</html>
OUTPUT
This is a
my copy
its price is Rs 20
This is a example of Line Break
Note:- Break tag do not need to close
6) HTML Link Example
<html>
<body>
<a href ="http://www.sahilbhatiaapps.blogspot.com">
This is a link </a>
</body>
</html>
OUTPUT
This is a link
7) HTML Bold Text
<html>7) HTML Bold Text
<body>
<b>This is a bold text example.</b>
</body>
</html>
Output:- This is a bold text example
8) HTML italic, small, sub and super script Example.
<html>
<body>
<p> <i> This text is italic</i></p>
<p><small> This text is small </small></p> <p>this is <sub> subscript</sub>and <sup> this is superscript</sup>
</body>
</html>
OUTPUT
This text is bold
This text is italic
This text is small
this is subscript and this is superscript
For More Examples Please Click This Link HTML Tutorial
No comments:
Post a Comment