HTML TAGS
Basic TAGS in HTML
Before starting basic html we discus about syntax of html
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>Html Structure</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<link rel='stylesheet' type='text/css' media='screen' href='main.css'>
<script src='main.js'></script>
</head>
<body>
</body>
</html>
Basically this is the initial structure of html which you use in all html documents
in this syntax we use all kind of tags
so lets move to tags
Lets begin From heading Tag
basically heading tags are used to write a heading on a page in different ways and form
there are basically 6 heading tags are used in html documents
<h1>
<h2>
<h3>
<h4>
<h5>
<h6>
these are the tags which are sued to form headings in different slypes or according to use
These all heading tags have combine tags
its means that they haver both starting and ending tags
<h1> </h1> is written like this
lets go to code and perform a practical
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>Html Structure</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<link rel='stylesheet' type='text/css' media='screen' href='main.css'>
<script src='main.js'></script>
</head>
<body>
<h1>i am first heading </h1>
<h2>i am second heading </h2>
<h3>i am third Heading </h3>
<h4>i am forth Heading </h4>
<h5>i am fifth Heading </h5>
<h6>i am sixth Heading</h6>
</body>
</html>
you can copy this code and try by yourself for practice
lets more on to output of this code on browser
after the heading tag lets more on paragraph tag
paragraph tag is basically represented by <p> is has also starting and ending tag
this tag is used when we have to write a statement about a specific topics
or we want to make some paragraph in out statement
the actual syntax of paragraph is
<p> this is paragraph </p>
lets move on practical of this tag
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>Html Structure</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<link rel='stylesheet' type='text/css' media='screen' href='main.css'>
<script src='main.js'></script>
</head>
<body>
<p>hallo i am paragraph one and i am teaching you about basics of html... </p>
<p> after html we will move on css javascript and php and much more so keep connected </p>
</body>
</html>
Copy this file or try this by yourself own self
let's move to the output screen
This was the lecture hope you like it
will meet in next post stay connected and give your precious feedback about our work
0 comments:
Post a Comment