Paragraph Tag (<p> </p>)
<!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>)
<!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>)
<!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>

 445 total views,  1 views today

Categories: HTML

0 Comments

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.