Scribd
Upload
419 views4 pages

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
Available Formats
Download as PDF, TXT or read online on Scribd
Download as pdf or txt
419 views4 pages

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
Available Formats
Download as PDF, TXT or read online on Scribd
Download as pdf or txt
Download as pdf or txt
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