Text formatting using paragraph and header tags:
<!DOCTYPE html>
<html>
098652
<head>
<title> text formatting </title>
</head>
<body bgcolor =”blue”>
<h1 align=”center”><u><b> CITY NEWS </u></b>
<th><h2><i><u> (IN BRIEF) </th></h2></i></u>
<h3 align =”left”><b> Mettur level </h3></b>
<p><h4><strong> THe water level at Mettur dam stood at 95.33 feet on saturday against its full level of 120 feet.
<br> The inflows was 16,266 cuses and the discharge 11,879 cuseces
</body>
</html>
Font tags :
<!DOCTYPE html>
<html>
<strong>098652
<head>
<title> font tag </title>
</head>
<body bgcolor = “grey”>
<h1 align =”center”>
<font size =”6″face=”Arial color=”blue”>GROWTH ISNT LINEAR </font><br>
<font size =”5″face=”itallic color=”deeppink”>GROWTH ISNT LINEAR </font><br>
<font size =”4″face=”Georgia” color=”deeporange”>GROWTH ISNT LINEAR </font><br>
<font size =”3″face=”cursive” color=”green”>GROWTH ISNT LINEAR </font><br>
<font size =”2″face=”courier” color=”dark violet”>GROWTH ISNT LINEAR </font><br>
<font size =”1″face=”monosapce” color=”yellow”>GROWTH ISNT LINEAR </font><br></h1>
</body>
</html>
Inserting image:
<html>
098652
<head>
<title> Bmw model image </title>
</head>
<img src=”https://th.bing.com/th/id/OIP.tQ0L3BtegMWZjO-qWeWPwQHaEo?pid=ImgDet&rs=1″>
</body>
</html>
Unordered list:
<html>
098652
<head>
<title> BULLETED LIST </title>
</head>
<Body bgcolor=”skyblue”>
<h2 align=”center”> BULLETED list </h2>
<h3> circle bullets:</h3>
<ul type=”circle”>
<li><h4><i> Be True </h4></li></i>
<li><h4><i> Be free </h4></li></i>
<li><h4><i> Be you </h4></li></i></ul>
<h3> square bullets:</h3>
<ul type=”square”>
<li><h4><i> Be True </h4></li></i>
<li><h4><i> Be free </h4></li></i>
<li><h4><i> Be you </h4></li></i></ul>
<h3> disc bullets:</h3>
<ul type=”disc”>
<li><h4><i> Be True </h4></li></i>
<li><h4><i> Be free </h4></li></i>
<li><h4><i> Be you </h4></li></i></ul>
</body>
</html>
Order list:
<html>
098652
<head>
<title> ORDER LIST </title>
</head>
<body bgcolor=”pink”>
<h1 balign =”center”><strong> ORDER LIST </strong></h1>
<p><h3><u> There are three ingredients in the god life</u></p></h1>
<ol>
<li><h3><b> learning </li></h3></b>
<li><h3><b> earning</li></h3></b>
<li><h3><b> yearning</li></h3></b>
</ol>
</body>
</html>
Maximum and minimum temperature in 5 cities:
<html>
098652
<head>
<title> Table tag </title>
</head>
<body bgcolor =”yellow”>
<h1 align =”center”>Table </h1>
<table align =”center” border=”4″ cellspacing=”2″
cellpadding =”4″ width =”50%”>
<thead>
<tr bgcolor =”lightgreen”>
<th> S.no</th>
<th> City</th>
<th> Atmosperic humidity (%)</th>
<th> Surface humidity (%)</th>
</tr></thead>
<tr bgcolor=”red”>
<th> 1 </th>
<th> Trichy </th>
<th> 45 </th>
<th>35 </th>
</tr>
<tr bgcolor=”red”>
<th> 2 </th>
<th> Pondy </th>
<th> 54 </th>
<th> 42 </th>
</tr>
<tr bgcolor =”red”>
<th>3</th>
<th> Chennai </th>
<th>68</th>
<th>50</th>
</tr>
<tr bgcolor=”red>
<th> 4 </th>
<th> Coimbatore </th>
<th>40/<th>
<th> 32</th>
</tr>
<tr bgcolor=”red”>
<th> 5</th>
<th> Banglore </th>
<th> 45 </th>
<th> 36 </th>
</tr>
</body>
</html>
Resume:
<html>
<head>
<title> RESUME </title>
</head>
<body>
<center> MY RESUME </u></h1>
</center>
<h3> NAME : PRIYA </h3>
<width = “50” height = “60” hspace = “200” align = “left” >
<h4> ADDRESS : Dubai </h4>
<h4> EMAIL ID : Smith@gmail.com</h4>
<h4> CONTACT NO : 6354321083 </h4>
<h2><u> CAREER OBJECTIVE </u> </h2>
<h3> Seeking an entry level position to begin my career in a high level professional environment.</h3>
<h2><u> ACADEMIC QUALIFICATION </u></h2>
<Table border =”4″ cellspacing =”0″ cellpadding=”10″ width=”1000″ bordercolor=”blue”>
<tr>
<th> Qualification </th>
<th> Board/University </th>
<th> School/College </th>
<th> Year of passing </th>
<th> Marks </th>
</tr>
<tr>
<th> BSC </th>
<th> BHC </th>
<th> BHC </th>
<th> 2022 </th>
<th> 91% </th></tr>
</tr>
<th> 12th </th>
<th> SSLC </th>
<th> HCGHSS </th>
<th> 2018 </th>
<th> 92% </th>
</tr>
<tr>
<th> 10th </th>
<th> SSLC </th>
<th> HCGHSS </th>
<th> 2020 </th>
<th> 98% </th>
</tr>
</table>
<h2> STRENGTH </u></h2>
<u1>
<b><h3>
<li> Good communication </li>
<li> Confident with positive attitude </li>
</b></h3>
</u1>
<h2><u> PERSONAL DETAILS </u></h2>
<u1>
<b>
<h3>
<li> NAME : PRIYA
<li> MARRIED : NO
<li> HOBBIES :</li>
<u1>
<i><li> DRAWING </li></i>
<i><li> CRAFTING </li><i>
</b></h3>
</u1>
</body>
</html>
Practical procedure:
<html>
<head>
</head>
<body>
<h1 align=”center”><u>FULL WAVE RECTIFIER</h1></u>
<h3 align=”left”><u>AIM:</u></h3>
<p>TO CONSTRUCT A FULL WAVE RECTIFIER USING SEMICONDUCTOR DIODE AND CALCULATE ITS PERCENTAGE OF REGULATION
<h3 align=”left”><u>APPARATUS REQUIRED:</h1></u>
<p>transformer,semiconductor diodes,capacitor and voltmeter
<h3 align=”left”><u>FORMULA USED </u></h3>
<p><h3>the percentage of regulations=v<sub>0</sub>
v<sub>l</sub>/v<sub>0</sub>*100</h3><br>
<p>v<sub>0</sub>is the voltage across the output
without any load <br><p>v<sub>l</sub>ismeasured
for different loads </br>
<h3 align=”left”><u>CIRCUIT DIAGRAM:</h3></u>
<img src=”https://www.electronics-tutorials.ws/wp-content/uploads/2013/08/diode20.gif?fit=331%2C191.jpg” width=”20%”>
<h3 align =”left”><u>TABULAR COLUMN:</H3></U>
<table border=”5″ cellpadding=”3″ cellspacing=”2″
width=”20%”>
<tr>
<th>SI.NO</th>
<th>R<sub>l</sub>k ohms </th>
<th>v<sub>l</sub>volt</th>
<th>v<sub>0</sub>-
v<sub>l</sub>/v<sub>0</sub>*100</h3><br>
<p>v<sub>0</sub></th>
</tr>
<tr>
<th>1</th>
<th>10k</th>
<th>8.52</th>
<th>3.5</th>
</tr>
<tr>
<th>2</th>
<th>9k</th>
<th>8.49</th>
<th>3.8</th>
</tr>
<tr>
<th>3</th>
<th>8k</th>
<th>8.47</th>
<th>4</th>
</tr>
<tr>
<th>4</th>
<th>900ohm</th>
<th>8.15</th>
<th>7.7</th>
</tr>
<tr>
<th>5</th>
<th>800ohm</th>
<th>8.14</th>
<th>7.8</th>
</tr>
<tr>
<th>6</th>
<th>700ohm</th>
<th>8.11</th>
<th>8.1</th>
</tr></table>
<p>secondary AC voltage=13.05v AC<br> the voltage across the output without any load is
<p>v<sub>0</sub>=8.83v</p>
<h3 align=”left”><u>RESULT: </h3></u>
<p><font color=”red”> the full wave rectifier was constructed and its percentage of regulation was calculated .</p>
</body>
</html>
Form creation:
<!doc type html>
<html>
<head>
<style>
{
float:left;
}
</style>
</head>
<body bgcolor=”darkviolet”>
<table border=”0″>
<tr>
<th>FIRST NAME:<input type=”text” placeholder=”your
name” style=”margin-left:60px”>
</th>
</tr>
<th><br>LAST NAME:<input type=”text”
placeholder=”last name” style=”margin-left:60px”>
</th>
</tr>
<th><br>EMAIL ID:<input type=”text” placeholder=”your
email id” style=”margin-left:75px”>
</th>
</tr>
<th><br>MOBILE NO:<input type=”text”
placeholder=”your number” style=”margin-left:65px”>
</th>
</tr>
<tr>
<th><br>
GENDER:<input type=”radio” style=”margin-
left:125px”>male<input type=”radio”>female
</th></tr>
<tr><th><br>
DATE OF BIRTH(DOB):<select>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
<option>13</option>
<option>14</option>
<option>15</option>
<option>16</option>
<option>17</option>
<option>18</option>
<option>19</option>
<option>20</option>
<option>21</option>
<option>22</option>
<option>23</option>
<option>24</option>
<option>25</option>
<option>26</option>
<option>27</option>
<option>28</option>
<option>29</option>
<option>30</option>
<option>31</option>
</select>
<select>
<option>month</option>
<option>jan</option>
<option>feb</option>
<option>mar</option>
<option>apr</option>
<option>may</option>
<option>jun</option>
<option>jul</option>
<option>aug</option>
<option>sep</option>
<option>oct</option>
<option>nov</option>
<option>dec</option>
</select>
<select>
<option>year</option>
<option>1990</option>
<option>1991</option>
<option>1992</option>
<option>1993</option>
<option>1994</option>
<option>1995</option>
<option>1996</option>
<option>1997</option>
<option>1998</option>
<option>1999</option>
<option>2000</option>
<option>2001</option>
</select>
<select>
</th></tr>
<tr>
<th><br>ADDRESS:<textarea rows=”3″ cold=”20″
style=”margin-left:80px”></textarea></th></tr>
<tr><th><tb>
COURSE:<input type=”check box”>b.sc
<input type=”check box”>m.sc
<input type=”check box”>m.phil
<input type=”check box”>ph.d
</th></tr>
<tr><th><br>
BRANCH:<select type=”margin-left:65px”>
<option>CSC</option>
<option>IT</option>
<option>MECH</option>
<option>CIVIL</option>
<option>ELECTRICAL</option>
<option>ELECTRONICS</option>
<option>CHEMICALS</option>
</select>
</th></tr>
<tr><th>
<input type=”submit” style=”margin-left:65px;
backgroung:deeppink”>
<input type=”button” value=”reset”
style=”background:yellow”>
</th></tr>
</body>
</html>
Program using all html tags:
<!doc type html>
<html>
<head>
</head>
<body bgcolor=”orange”>
<div style=”border:5px solid solid:”>
<img src=” https://c8.alamy.com/comp/KX3820/group-indian-school-kids-students-friends-standing-together-smiling-KX3820.jpg ”
width=”100″ height=”100″>
<img src=” https://c8.alamy.com/comp/KX3820/group-indian-school-kids-students-friends-standing-together-smiling-KX3820.jpg “
width=”100″ height=”100″>
<h1 align =”center”><u>FETE</u></h1>
<h4 align=”center”>organised by</h4>
<p><h2 align=”center”><strong>ST.JOHN
SCHOOL TRICHY </strong></h2><b><h4 align=”center”>
in aid of earthquake victims on </p>
<p><h4 align=”center”>saturday the 24th october,2022
from 9am to 5pm at </h4></p>
<p><h3 align=”center”><strong>school
campus </strong></h3>
<p><h3 align=”center” border=”2″ border
color=”pink” cellspacing=”0″ cellpadding=”5″
width=”100%” height=”30″>
<tr>
<th>competition</th>
<th>participants</th>
<th>time</th>
</tr>
<tr>
<th>fancy dress</th>
<th>1 to 5th</th>
<th>8.00am</th>
</tr>
<tr>
<th>gymnastics</th>
<th>5 to 10th</th>
<th>9.00am</th>
</tr>
<tr>
<th>lucky draw</th>
<th>5 to 10th</th>
<th>10.00am</th>
</tr></th>
<tr>
<th><input type=”text”
placeholder=”std” style=”margin-right:65px:”>
<tr>
<th><input type=”text”
placeholder=”school name” style=”margin-right:65px:”>
</tr></th>
<tr>
<th><input type=”text”
placeholder=”mobile no” style=”margin-right:65px:”>
<tr><th><br>
competition:<select>
<option>fancy dress</option>
<option>gymnastics</select>
<option>lucky draw</select>
<option>gun shots</option>
</select>
<tr><th>
<input type=”submit” style=”margin-left:85px:
background:yellow”>
</tr></th><b>
</body>
</html>
<body bgcolor=”orange”>
<table border=”1″>
<tr><th>
<h4>for online registration click here
<input type=”button” value=”next”
style=”margin-left:85px: background:deepink”>
</tr></th><b>
<tr>
<th><input type=”text”
placeholder=”your name” style=”margin-right:65px:”>
</tr></th>
<tr>
<th><input type=”text”
placeholder=”std” style=”margin-right:65px:”>
<tr>
<th><input type=”text”
placeholder=”school name” style=”margin-right:65px:”>
</tr></th>
<tr>
<th><input type=”text”
placeholder=”mobile no” style=”margin-right:65px:”>
<tr><th><br>
competition:<select>
<option>fancy dress</option>
<option>gymnastics</select>
<option>lucky draw</select>
<option>gun shots</option>
</select>
<tr><th>
<input type=”submit” style=”margin-left:85px:
background:yellow”>
</tr></th><b>
</body>
</html>
Site Title 
