Scribd
Upload
20 views

Lab file format

Uploaded by

bharadwajaastik987
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
20 views

Lab file format

Uploaded by

bharadwajaastik987
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 4

Student Name Unnati Bhardwaj

Admission Number 22SCSE1010511


Roll Number 22131010591
Programme B.Tech CSE
Course Name Web Technology
Course Code R1UC626C

Experiment No: 2
Experiment Title: Write an HTML code to display your CV on a web page. Write an HTML
code to implement the concept of frames with 2 frames: one for hyperlinks and another for
opening the content to that link.
Aim: Create a web page to display your cv using the HTML

Procedure:
1. Open a text editor (e.g., Notepad, VS Code).

2. Type the code into the editor.

3. Save the file with a `.html` extension, e.g., `cv.html`.

4. Open the file in a web browser to view your CV

Source Code:

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

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

<title>My CV</title>

<style>

body {

font-family: Arial, sans-serif;

line-height: 1.6;

margin: 20px;

}
h1, h2 {

color: #333;

.section {

margin-bottom: 20px;

.section h2 {

border-bottom: 2px solid #333;

padding-bottom: 5px;

</style>

</head>

<body>

<h1>John Doe</h1>

<p>Email: [email protected] | Phone: +123 456 7890 | LinkedIn: <a

href="https://linkedin.com/in/johndoe">linkedin.com/in/johndoe</a></p>

<div class="section">

<h2>Summary</h2>

<p>Experienced web developer with 5+ years of expertise in HTML, CSS,


JavaScript, and

React. Passionate about building user-friendly and responsive web applications.</p>

</div>

<div class="section">

<h2>Education</h2>

<p><strong>Bachelor of Science in Computer Science</strong><br>

University of Example, 2015 - 2019</p>


</div>

<div class="section">

<h2>Experience</h2>

<p><strong>Web Developer</strong><br>

XYZ Company, 2019 - Present<br>

- Developed and maintained company websites.<br>

- Collaborated with designers to implement UI/UX designs.</p>

</div>

<div class="section">

<h2>Skills</h2>

<ul>

<li>HTML, CSS, JavaScript</li>

<li>React, Node.js</li>

<li>Responsive Web Design</li>

<li>Version Control (Git)</li>

</ul>

</div>

</body>

</html>

Result:
Conclusion:
In this experiment, we created a web page to display a CV using HTML and styled it with CSS. We also
implemented frames to separate hyperlinks and content, allowing smooth navigation between
sections. This helped us understand web page structuring, styling, and the practical use of frames in
web development.

You might also like