HTML (hyper text markup language):-Html language is basic of web development so guys this is use for designing website designing are other pages designing .we can understand it this backhand language because this is just for simple showing this .so guys to day I m showimg to u html some tagges .
HTML BASIC TAGES
Simple html codes,
<!DOCTYPE html>
<html>
<head>
<title>First HTML</title>
</head>
<body>
Simple HTML Code
</body>
</html>
Output :
__________________________________________
Hadding tages :
<!DOCTYPE html>
<html>
<head>
<title>Heading in HTML</title>
</head>
<body>
<h1>Heading1</h1>
<h2>Heading2</h2>
<h3>Heading3</h3>
<h4>Heading4</h4>
<h5>Heading5</h5>
<h6>Heading6</h6>
</body>
</html>
Output :
__________________________________________
Paragraph tag
<!DOCTYPE html>
<html>
<head>
<title>Paragraph Tag</title>
</head>
<body>
<p>This is the First Paragraph starting</p>
<p>This is the Second Paragraph starting</p>
<p>This is the Fourth Paragraph starting</p>
<p>This is the Fifth Paragraph starting</p>
</body>
</html>
__________________________________________
Horizontal Line tag :
<!DOCTYPE html>
<html>
<head>
<title>Horizontal Line</title>
</head>
<body>
First Line
<hr>
Second Line
<hr>
Third Line
<hr>
</body>
</html>
Output :
__________________________________________
Horizontal Color line in html :
<!DOCTYPE html>
<html>
<head>
<title>Horizontal Line color</title>
</head>
<body>
First Line
<hr color="red">
Second Line
<hr color="green">
Third Line
<hr color="blue">
</body>
</html>
Output :
__________________________________________
Horizontal line size in html :
<!DOCTYPE html>
<html>
<head>
<title>Horizontal Line color</title>
</head>
<body>
First Line
<hr color="red">
Second Line
<hr color="green">
Third Line
<hr color="blue">
</body>
</html>
Output :
__________________________________________
Horizontal line width :-
<!DOCTYPE html>
<html>
<head>
<title>Horizontal Line width</title>
</head>
<body>
First Line
<hr width="50%" size="10px" color="red">
Second Line
<hr width="80%" color="green">
Third Line
<hr color="blue">
</body>
</html>
Output :
__________________________________________
Bold,italic,underline,mixed,break tage in html :-
<!DOCTYPE html>
<html>
<head>
<title>Text Formatting</title>
</head>
<body>
<b>Bold Text</b>
<br>
<i>Italic Text</i>
<br>
<u>UnderLine Text</u>
<br>
<b><u><i>This is the Mixed Line</i></u></b>
</body>
U
</html>
Output :
__________________________________________
Span tage :
<!DOCTYPE html>
<html>
<head>
<title>span tag</title>
</head>
<body>
<span>This is the sample span</span> Span was end.
</body>
</html>
Output :
__________________________________________
Div tage using in html :-
!DOCTYPE html>
<html>
<head>
<title>div tag</title>
</head>
<body>
<!--Div can be used to group elements-->
<div>
This is the First Div
<input type="text">
<input type="text">
<input type="text">
</div>
<div>
This is the Second Div
<input type="text">
<button>Sample Button</button>
</div>
</body>
</html>
Output :
__________________________________________
EMphasized text :
<!DOCTYPE html>
<html>
<head>
<title>Emphasized Text</title>
</head>
<body>
Normal Text<br>
<em>Emphasized Text</em>
</body>
</html>
Output
__________________________________________
Small text
<!DOCTYPE html>
<html>
<head>
<title>small tag</title>
</head>
<body>
Normal Text<br>
<small>small Text</small>
<br>
This is <small>small</small> Sample
</body>
</html>
Outputut
__________________________________________
Mark tag
<!DOCTYPE html>
<html>
<head>
<title>mark tag</title>
</head>
<body>
Normal Text
<br>
mark <mark>This</mark> Text
</body>
</html>
Output
__________________________________________
Deleted text
<!DOCTYPE html>
<html>
<head>
<title>Delete</title>
</head>
<body>
This is the <del>Deleted Text</del>
</body>
</html>
Outputut
__________________________________________
Insert text
<!DOCTYPE html>
<html>
<head>
<title>Insert</title>
</head>
<body>
This is the <ins>Inserted Text</ins>
</body>
</html>
Output
__________________________________________
Subscription text
<!DOCTYPE html>
<html>
<head>
<title>subscripted Text</title>
</head>
<body>
This is the <sub>subscripted</sub> Text
</body>
</html>
Output
__________________________________________
Superscript text
<!DOCTYPE html>
<html>
<head>
<title>superscripted Text</title>
</head>
<body>
This is the <sup>superscripted</sup> Text
</body>
</html>
</html>
Output
__________________________________________
Strong text
<!DOCTYPE html>
<html>
<head>
<title>Strong tag</title>
</head>
<body>
This is the <strong>Strong Text</strong>
</body>
</html>
Output
__________________________________________
Break text
<!DOCTYPE html>
<html>
<head>
<title>BR Tag</title>
</head>
<body>
<!--Without BR Tag-->
Line 1
Line 2
Line 3
Line 4
Line 5
<!--With using BR Tag-->
<br> Line 1
<br> Line 2
<br> Line 3
<br> Line 4
<br> Line 5
</body>
</html>
Output
__________________________________________
S tag
<!DOCTYPE html>
<html>
<head>
<title>s tag</title>
</head>
<body>
<s>This is the</s> HTML Code Play
</body>
</html>
Output
__________________________________________
Comments
Post a Comment