Skip to main content

How To Make Attractive Resume Only In HTML

Image
By
 
Hey Guys Tech Era Blogs Are Again Back With An Exciting Blog,In This Blog We Will Learn How To Make Resume Only In Html.In Your School Or College Teacher Mainly Give This Project In Html.Here You Will Also Learn How To Make Buttons in Html.In Html Resume We Will Also Integrate a Print Button So That You May Take The Print Out Of Your Resume.
Below You Can Also See The Video Tutorial Of Making The Html Resume Or You May Follow The Steps Also.
Click On The Below Links To Learn How To Do Them:-


Do The Following Steps For Making HTML Resume :-
Step 1: First of all create a folder in your computer,and paste the image which you want in your resume.

Step 2: Go to Html Text Editor [ Visual Studio Code] ,then click On file option and select Open folder,The Folder which you created in step 1 select that one and Inside That Folder create the index.html file and click enter.

Step 3: Copy the below code in your index.html file do the customization / edit and then click on Save.

<!DOCTYPE html>

<html lang="en">

<head>

    <!-- Made by:- Sudarshan Pandey -->

  <!-- You Tube Channel:- TECH ERA-->

  <!-- You Tube Channel Link:- youtube.com/techeraofficial -->

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>RESUME  | Your Name</title>

    <link rel="shortcut icon" type="image/jpg" href="image Address">

</head>

<body>

    <table border="1" align="center" width="70%">

    <tr>

        <th>

            <h1 style=color:green><i><b><u>My Resume</u></b></i></h1>

        </th>

    </tr>

    <tr>

    <th align="left">

<h3 style=color:blue><b>Your Name</b><br>

    <img src="image.jpg" align="right" height="250" width="200" border="2" 

style=color:black>

   <b>You Designation</b><br></h3>

<b><u>Mobile No</u>: Your Number</b><br>

<b><u>Email Id</u>: Your Email Id</b><br>

<b><u>Address</u>: Your address.</b>

<h2 style=color:red><u>Personal Information</u></h2>

    <ul>

        <li>

            <b>

                Work Experience: Your experience

            </b>

        </li>

        <li>

            <b>

                Religion: Your Religion

            </b>

        </li>

        <li>

            <b>

                Date OF Birth: Your DOB

            </b>

        </li>

        <li>

            <b>

                Nationality: Your Nationality

            </b>

        </li>

        <li>

            <b>

                Martial Status: Your Status

            </b>

        </li>

    </ul>

<h2 style=color:red><u>Academic Details</u></h2>

    <table border="1">

        <tr><th>

            Examination

        </th>

        <th>

            Board/University

        </th>

        <th>

            Percentage

        </th>

        <th>

            Year Of Passing

        </th>

        </tr>

        <tr>

            <td>

                Course name

            </td>

            <td>

               College name

            </td>

            <td>

               your Percentage

            </td>

            <td>

                Year Of Pass

            </td>

        </tr> <tr>

            <td>

                Course name

            </td>

            <td>

               College name

            </td>

            <td>

                your Percentage

            </td>

            <td>

                Year Of Pass

            </td>

        </tr> <tr>

            <td>

               Course name

            </td>

            <td>

               College Name

            </td>

            <td>

                your Percentage

            </td>

            <td>

                Year Of Pass

            </td>

        </tr>

    </table>

    <h2 style=color:red><u>Language</u></h2>

    <ul>

        <li>

            <b>

              Language 1

            </b>

        </li>

        <li>

            <b>

                Language 2

            </b>

        </li>

    </ul>

   <h2 style=color:red><u>Skills And Certificate</u></h2>

    <ul>

        <li>

            <b>

               Your Skill

            </b>

        </li>

        <li>

            <b>

                Your Skill

            </b>

        </li>

        <li>

            <b>

                Your Skill

            </b>

        </li>

        <li>

            <b>

                Your Skill

            </b>

        </li>

        <li>

            <b>

                Your Skill

            </b>

        </li>

    </ul>

    <h2 style=color:red><u>My Blogger Projects</u></h2>

    <ul>

        <li>

            <b>

               Your Link or any Thing Else

            </b>

        </li>

        <li>

            <b>

                Your Link or any Thing Else

            </b>

        </li>

    </ul>

    <p><b>I hereby declare that the above-mentioned information is correct up to 

my knowledge and I accept the 

        responsibility for the correctness of the above mentioned particulars.<br>

<br>Place:<br>Date:</b></p>

       <center><button onclick="window.print()">Print</button></center>

    </th>

    </tr>

 <!-- Made by:- Sudarshan Pandey -->

  <!-- You Tube Channel:- TECH ERA-->

  <!-- You Tube Channel Link:- youtube.com/techeraofficial -->

</table>  

</body>

</html


Step 4: Now open the index.html file with your brower and click on Print,Hence your Resume is sucessfully Created.

WATCH THE VIDEO TUTORIAL




Labels:
Location: Jogi nawada Rd, Bareilly, Uttar Pradesh 243006, India

Comments

  1. Sudarshan PandeyMarch 21, 2021 at 6:00 PM

    Make Your Own Resume....Copy above Code To Text Editor And Do The Changes as per required.
    Your resume will be ready in minutes ...completely free

    ReplyDelete

Post a Comment

Please Do Not Enter Any Spam Link.