Scribd
Upload
459 views

HTML 5 Exercise

This document provides instructions and examples for four HTML and CSS exercises: 1) Create a webpage with specific headings, paragraphs, and lists. 2) Create another webpage with a given structure. 3) Design a curriculum vitae page with personal data, education, and work experience sections using the specified styles. 4) Build a curriculum vitae site with a two-column layout and navigation bar.

Uploaded by

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

HTML 5 Exercise

This document provides instructions and examples for four HTML and CSS exercises: 1) Create a webpage with specific headings, paragraphs, and lists. 2) Create another webpage with a given structure. 3) Design a curriculum vitae page with personal data, education, and work experience sections using the specified styles. 4) Build a curriculum vitae site with a two-column layout and navigation bar.

Uploaded by

Harsha Vardhan V
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 4

HTML5 and CSS3 CSS Exercises

Exercise 1
Create a web with the following information, structure, and visual presentation (HTML
Exercise 1):

The following image shows the content and the structure of the webpage:

<h1>
<h2>
<ul>

<h2>

<h2>

<h2>

<h2>

<ul>

The rest of elements are paragraphs of text.

Exercise 2
Create a website with the following information, structure, and visual presentation (HTML
Exercise 2):

Exercise 3
Create a web page for your curriculum vitae using the following design. On the right column,
some information about the markup and the visual presentation is provided.

CURRICULUM
VITAE

PERSONAL DATA
Name: Azamat
Surname: Azamat
Date of birth: 30.07.74
Place of birth: Bishkek, Kyrgysztan

Heading 1: Georgia, color blue,


background light gray, bold, size
24px, letter spacing 1.6em, word
spacing 2em, center

Heading 2: Georgia, color dark


red, size 18px, letter spacing
1.4em

EDUCATION
2005-2009

Computer Engineering in the


Technical University of Kyrgyzstan in
Bishkek

2001-2005

High School Manas in Osh

1995-2001

Primary school

Years: bold

PROFESSIONAL EXPERIENCE
2007-2009

Computer teacher in High School in


Bishkek

2005-2007

Secretary of Department of Software

Years: bold

in Technical University of Kyrgyzstan


in Bishkek

Normal text: Arial, color black, size 16px

CSS Exercise 4
Create a web site for your curriculum vitae. You must use a two-column layout and the second
column must be the navigation bar.

Curriculum Vitae

Personal data

Curriculum Vitae

Personal data

Personal data
Welcome to my CV!

Education

Professional
experience

Education
Name: Azamat
Surname: Azamat
Date of birth: 30.07.74
Place of birth: Bishkek, Kyrgysztan

Professional
experience

You might also like