Table of Contents
hide
Paragraph Tag (<p> </p>)
Example : A basic representation of paragraph tag.
<!doctype html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<title>Codershelpline</title>
</head>
<body>
<p>Codershelpline is one of the best site to learn html in simple step wise
form.</p> <p> Codershelpline is one of the best site to learn html in simple
step wise form.</p><p>Codershelpline is one of the best site to learn html in
simple step wise form.</p><p>Codershelpline is one of the best site to learn
html in simple step wise form.Codershelpline is one of the best site to learn
html in simple step wise form.</p>
Codershelpline is one of the best site to learn html in simple step wise form.
Codershelpline is one of the best site to learn html in simple step wise form.
</body>
</html>
<!-- NB : This tag prepares the multiline text contents in one area/paragraph form in a web page.-->Div Tag (<div> </div>)
Example : A basic representation of division tag.
<!DOCTYPE html>
<html>
<body>
<h3>Codershelpline Div Tag<h3>
<div style="background-color: lightsteelblue">
<p>
It is full width & content height paragraph.The div is a very important html tag that
represents an area division or a section of HTML page.<br>It is used as a page area
container for other HTML tags to style them easily with the help of CSS.<br>It is also
used in representing layout in a web page.
</p>
</div>
</body>
</html>Span Tag (<span> </span>)
Example : A basic representation of span tag.
<!DOCTYPE html>
<html>
<body>
<h3>Codershelpline Div Tag<h3>
<span style="background-color: lightsteelblue">
It is content width & content height paragraph.The span is a also a very important html
tag that represents an area division or a section of HTML page.<br>It is used as a page
area container for other HTML tags to style them easily with the help of CSS.<br>It is
also used in representing layout in a web page.
</span>
</body>
</html>Fieldset & Legend Tag (<fieldset> </fieldset>)
Example : How to create a typical fieldset border with legend form web page.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Codershelpline Code</title>
</head>
<body>
<form name="form1" method="post" action="#">
<fieldset>
<legend>Sample Format of Fieldset HTML Page</legend>
<!-- <legend style="text-align: right">Create New Student Account</legend> -->
<table>
<tr>
<td>Name of Student</td>
<td>:</td>
<td><input type="text" placeholder="Enter Name"></td>
</tr>
</table>
</fieldset>
</form>
</body>
</html>Example : How to create a typical fieldset with round border with center-legend form web page.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Codershelpline Code</title>
</head>
<body>
<form name="form1" method="post" action="#">
<fieldset style="width: 600px; border-radius: 8px">
<legend style="text-align: center">Create New Student Account</legend>
<!-- <legend style="text-align: center; padding-left: 10px; padding-right: 10px">Create
New Student Account</legend> -->
<table>
<tr>
<td>Name of Student</td>
<td>:</td>
<td><input type="text" placeholder="Enter Name"></td>
</tr>
</table>
</fieldset>
</form>
</body>
</html> 
0 Comments