Hello friends today I will talk about HTML. What is HTML? HTML tutorial code? HTML tutorial JavaScript, HTML tutorial online, HTML & css tutorial and project courses, HTML tutorial free etc. So let's Get started.
Introduction -
All of you heard that programming skill is a one of the best skill. To design a web page HTML, CSS & JavaScript is a best programming language. So I will give a complete HTML tutorial for beginners via series by series.
What is HTML?
HTML is a markup language which help we can create a web page. HTML full form is Hyper Text Markup Language. File extension of HTML is .html
Basic structure of HTML
<!Doctype html>
<html>
<head>
<title>
Write here your documents or web page title.
</title>
</head>
<body>
All your work will be write here.
</body>
</html>
then save the file with .html extension & open saved file in browser to view output of HTML code.
Read also - How to convert binary number into decimal number?
Some Basics of HTML
- HTML supports 6 heading levels as
1. <h1> - - - - - - </h1>
2. <h2> - - - - - - </h1>
3. <h3> - - - - - - </h3>
4. <h4> - - - - - - </h4>
5. <h5> - - - - - - </h5>
6. <h6> - - - - - - </h6>
- To write paragraph in HTML used
<p> - - - - - </p> tag.
- Some useful tags-
<br> = Break the row
<b> or <strong> = For bold
<i> = Italic
<u> = Underline
<center> = For use Center
<mark> = For highlight the word or sentence
<strike> = Strike through
<sub> = Subscript
<Sup> = Superscript
Some style in HTML
To change text color or background-color of the web page we used style tag with one of the above given tag.
as example -
<h1 style="background-color:red;color:blue">
(With this style we can change both background color & text color.)
or
<h1 style="background-color:DodgerBlue;">Hello World</h1>
(With this style we can change background color not text color.)
or
<h1 style="color:red">
(with this style we can change only text-color not background-color.)
Note - Instead of h1 we can use any tag which is described above.
Border in HTML
<h1 style="border:2px solid Tomato;">Hello World</h1>
instead of h1 we can use different tag.
Read also - What is Quantum Computing and its applications?
A complete tutorial of the above tags-
<html>
<head>
<title>
My first Demo
</title>
</head>
<body style="background-color:powderblue">
<h1 style="background-color:blue;color:red"> My First Web Page </h1>
<i style="color:green">Welcome to you </i>in <mark><b>MetaverseFuture </b></mark><br>hope you will enjoying your html learning series with me.<br>In my blog you can find more and more <u>learning resources.</u>
<!-- Border in html -->(This is comment)
<h2 style="border:2px solid Tomato;">MetaverseFuture.blogspot.com</h2>
<!-- Use of SuperScript &SubScript tag-->
<h3> use of sub & sup tag</h3>
<p>
<h2> <mark> Use of Subscript</mark></h2>
H<sub>2</sub>O <br>
H<sub>2</sub>SO<sub>4</sub> <br>
</p>
<h2> <mark> Use of Superscript</mark></h2>
<p>
(a+b)<sup>2</sup> = a<sup>2</sup>+b<sup>2</sup>+2ab
</p>
</body>
</html>
Output of this code is-
I Hope that you understood. In further series you will be know about how to add image in html? If any your question you can ask me in comment.
I am trying do best for you.
Thank you.
0 Comments