Scribd
Upload
8 views18 pages

HTML Tags and CV Webpage Guide

This is E-commerce lab file by GGSIPU student

Uploaded by

kushagerraheja
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
8 views18 pages

HTML Tags and CV Webpage Guide

This is E-commerce lab file by GGSIPU student

Uploaded by

kushagerraheja
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd

ASSIGNMENT - 2

[Link] an HTML file for displaying a webpage with


following [Link] file should contain a brief
description about all the tags:

a) BOLD TAG

Code:

Output:

b) Italics

Code:

Output:

c) Underline Tag

Code:
Output:

d) Alignment

Code:

Output:

e) Paragraph

Code:

Output:
f) Text Color

Code:

Output:

g) Heading Tag

Code:

Output:
h) HR Tag

Code:

Output:

i) Background color

Code:

Output:

j) Line Break

Code:
Output:

k) Pre

Code:

Output:

ASSIGNMENT - 3
3. Write a HTML code to print the following lines in
same manner.

Code:

Output:

ASSIGNMENT - 4
3. Create following table:

Code:

Output:
output:
ASSIGNMENT - 5

5 .Design an HTML web page for the following code.

Code:
output:
ASSIGNMENT - 6

[Link] a webpage of your CV with headings as


objective, educational qualification, achievements,
strengths, hobbies, & personal details. Apply the
following specifications: Insert a horizontal line after
every above mentioned heading. Set any light colour
as page background. Bold and Underline every
heading. Insert your image on the left side of the
webpage. Use heading tag to specify the heading.
After every heading is over, put a horizontal line. Use
pre tag for educational qualification.
Use base font for all the text.

Code:
<html>
<head>
<title> CV </title>

<body bgcolor="#f4f4f4"> <!-- light color background -->

<div style="background-color: rgb(184, 144, 177);"> <img src="[Link]"


height="100px" alt="Your Name"><br></div>
<H2><u>Aakanksha Dubey</u></H2> <hr>
<h2><u><b>Objective</b></u></h2>
<hr>
<div style="background-color: rgb(184, 144, 177);"> <p>I am an enthusiastic 18-
year-old B school student and junior consultant (volunteering) with a strong
passion for technology.
I have a proven track record in designing and assisting websites, along with
experience in leadership and management of college events.
I actively contribute to the college communities Additionally, I have a keen
interest in Coding.
further expanding my knowledge and skills</p> </div>
<hr>
<h2><u><b>Educational Qualification</b></u></h2>
<hr>
<div style="background-color: rgb(184, 144, 177);"><pre>
Degree: BBA GENERAL
Institute: Maharaja Surajmal Institute,Janakpuri
University: GGSIPU
Graduation Year: 2026
</pre> </div>
<hr>

<h2><u><b>Achievements</b></u></h2>
<hr>
<div style="background-color: rgb(184, 144, 177);"> <p>TEST SCORES
<ul>
<li>CUET-UG 2023</li>
100 percentile in Accountancy and Informatics Practices
<li>IPU-CET 2023</li>
AIR 461</p>
</ul>
</div>
<hr>
<h2><u><b>Strengths</b></u></h2>
<hr>
<div style="background-color: rgb(184, 144, 177);"><p><ul>
<li>Excellent communication skills </li>
<li>Strong problem-solving abilities</li>
<li>Natural leadership qualities</li>
<li> Proven track record of meeting deadlines</li>
<li>Ability to work well in cross-functional teams</li>
<li> Detail-oriented and highly organized</li>
<li> Adaptability and flexibility in fast-paced environments</li>
<li> Proficient in [relevant software or tools]</li>
<li>Strong analytical skills</li>
</ul></p></div>
<hr>
<h2><u><b>Hobbies</b></u></h2>
<hr>
<div style="background-color: rgb(184, 144, 177);"><p>
<ul>
<li>Photography</li>
<li>Playing music instruments</li>
<li>Cooking and baking</li>
<li>Painting or drawing</li>
<li>Reading books</li>
<li>Travelling and experiencing new cultures</li>
</ul>
</p></div>
<hr>

<h2><u><b>Personal Details</b></u></h2>
<hr>
<div style="background-color: rgb(184, 144, 177);"><p><ul>
<li>aakankshaworkspace@[Link]</li>
<li>New Delhi 110058</li>
<li>9958926292</li>
</ul></p></div>
</body>
</head>
</html>

Output:
ASSIGNMENT - 7
7. Nested Unordered list.

Code:
<html>
<head>
<title> nested unordered list </title>
<body>
<h2>Nested Unordered list</h2>
GeeksforGeeks Courses List:
<ul>
<li>DSA</li>
<ul type="circle">
<li>Array</li>
<li>Linked List</li>
<li>Stack</li>
<li>Queue</li>
</ul>
<li>Web Technologies</li>
<ul type="circle">
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ul>
<li>Apptitude</li>
<li>Gate</li>
<li>Placement</li>
</ul>
</body>
</head>
</html>
Output:

Common questions

Powered by AI

Unordered and nested lists facilitate the clear organization of course content by displaying subjects and their subtopics in a hierarchical manner, thereby enhancing information structure and readability. This method provides users with a logical flow of information, and the nested format allows for detailed categorization, making it easier for users to understand the connections between different course topics .

Using images alongside text alignment effectively enhances the visual appeal of a CV webpage by providing a balanced layout that draws attention to the user's profile without overwhelming it. Proper alignment, combined with relevant imagery, establishes a professional tone and aids in creating a cohesive and aesthetically pleasing presentation which is crucial for first impressions in an online CV .

Applying a background color influences the user experience by enhancing readability and setting a visual theme. A well-chosen light background color, like the one used in the example, ensures that content is readable without causing strain, contributing to an inviting and professional user interface. The chosen color should complement text and image elements to avoid distraction .

The 'pre' tag in HTML preserves both spaces and line breaks. This makes it suitable for displaying educational qualifications in a structured format, such as keeping the degrees, institute, university, and graduation year aligned as they would appear in preformatted text .

The <b>bold</b> tag enhances visibility by thickening the text, making headings stand out more prominently against the regular weight of body text, thus drawing the reader’s attention. The <u>underline</u> tag further emphasizes text by adding a line beneath it, distinguishing the headings from other text formats. Both tags, when used together, create a stronger visual hierarchy and clarity in the document structure .

Horizontal rules (<hr>) serve as dividers that visually separate content sections within a webpage. In a CV format, they delineate various personal sections such as objective, educational qualifications, and achievements, making the document more organized and easier to navigate. This use of <hr> helps in maintaining clarity and focus for the reader .

Structured data organization using list elements boosts information retrieval efficiency by providing a clear and logical format, where users can easily identify and access related items. Lists simplify navigation and ensure content is quickly scannable, thus enhancing user experience by reducing cognitive load. By presenting data in a categorized manner, it permits rapid location of desired information, critical to functionality on information-heavy webpages .

Specific characteristics that contribute include consistent use of font styles and sizes, appropriate application of bold and underline for headings, and the use of ample white space around text to enhance readability. Proper alignment and concise text ensure clarity, while the strategic use of color accentuates important sections without overpowering the natural flow of the CV. Aligning all elements cohesively results in a polished presentation .

The <img> tag allows for the inclusion of personal images in a web CV, adding a personal touch and making the document more engaging. Benefits include creating a visual representation of the person behind the CV, which can enhance memorability. However, drawbacks may include increased page load times if not optimized and possible distraction from text content. It's important to balance image size and resolution to maintain aesthetics and performance .

Using a light background color for a CV webpage enhances readability by providing a subtle contrast with text, thus reducing eye strain. Horizontal lines act as visual dividers, helping organize content into easily digestible sections and maintain a clean and professional appearance, which is crucial in formal documents like a CV .

You might also like