In Last section we discussed about semantic elements , now by using some of that semantic elements we are going to create Resume in HTML.
The Elements we are going to use in building these Resume are :
\=> <header> --> In header position we write the details of our name, address, phone no etc...
\=> <table> ---> To mention above data in a structed form we use table tag. Inside this table element there are two more tags they are: 1. <tr> 2. <td>
\=> <tr>----> To write the data in table we use first table row inside this row we use another element <td>
\=> <td>---> The total data is visible in this table data on the screen
\=></header> ---> after completing the header data we close the header tag
<html>
<head>
<title> resume</title>
</head>
<body>
<header>
<h1> your name </h1>
<hr>
<table>
<tr>
<td>
<address>
<pre>
dno:12/34,
xyz street,
www state,
india.
</address>
</td>
<td>
<img src="" ait=""> <!--insert your image-->
</td>
</tr>
</table>
</header>
</body> <!---- only header page-->
</html>
\=> <main> ---> Between This main open and close tag we mansion the details related to our qualification, skill , projects, etc... by separating the details we use div element.
example:
<html>
<head>
<title></title>
</head>
<body>
<main>
<div id="career">
<h3>career objective :</h3>
<p>Highly motivated recent graduate with a strong foundation in front-end web development technologies (HTML, CSS, JavaScript) seeking an entry-level position to contribute to a team environment and build a successful career in web development.</p>
</div>
<div id="education"></div>
<table border="2" style="width: 100%;" align="center">
<tr>
<th>Sno</th>
<th>Qulification</th>
<th>Institute</th>
<th>Year</th>
</tr>
<tr align="center">
<td>1</td>
<td>B.tech</td>
<td>SVS</td>
<td>2020</td>
</tr>
<tr align="center">
<td>2</td>
<td>Inter</td>
<td>RJC</td>
<td>2015</td>
</tr>
<tr align="center">
<td>3</td>
<td>SSC</td>
<td>VJHS</td>
<td>2013</td></tr>
</table>
</main>
</body>
</html>
output:
