0% found this document useful (0 votes)
6 views

Exercise 1_ Create a Simple Web Page

The document outlines a series of exercises for creating basic HTML pages. Each exercise has specific objectives and required elements, including creating a simple web page, building a personal profile, creating a link and image gallery, making a table, and designing a form. The exercises are designed to help learners understand and apply various HTML elements and structures.

Uploaded by

Flavien Dzogne
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
6 views

Exercise 1_ Create a Simple Web Page

The document outlines a series of exercises for creating basic HTML pages. Each exercise has specific objectives and required elements, including creating a simple web page, building a personal profile, creating a link and image gallery, making a table, and designing a form. The exercises are designed to help learners understand and apply various HTML elements and structures.

Uploaded by

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

Exercise 1: Create a Simple Web Page

Objective: Structure a basic HTML page.

1. Create an HTML file named index.html.


2. Add the following elements:
○ A title in the <head> section.
○ A main heading (<h1>).
○ A paragraph (<p>) describing the purpose of the page.
○ A list of three favorite hobbies using an unordered list (<ul>).
○ ==================================================

Exercice 1 : Créer une page Web simple

Objectif : Structurer une page HTML de base.

Créer un fichier HTML nommé index.html.

Ajouter les éléments suivants :

Un titre dans la section <head>.

Un titre principal (<h1>).

Un paragraphe (<p>) décrivant l'objectif de la page.

Une liste de trois passe-temps favoris à l'aide d'une liste non ordonnée (<ul>).

Exercise 2: Build a Personal Profile

Objective: Use various HTML elements to create a profile.

1. Create an HTML file named profile.html.


2. Include:
○ A main heading with your name.
○ A subheading for your profession.
○ A paragraph about yourself.
○ An ordered list (<ol>) of your top three skills.
○ A blockquote (<blockquote>) with a favorite quote.

Exercise 3: Create a Link and Image Gallery

Objective: Learn how to add links and images.

1. Create an HTML file named gallery.html.


2. Include:
○ A main heading for your gallery.
○ At least three images (<img>) with appropriate alt text.
○ Links to three different websites using <a> tags (make sure to include
target="_blank" to open in a new tab).

Exercise 4: Make a Table

Objective: Organize data using a table.

1. Create an HTML file named table.html.


2. Create a table that lists:
○ Column headers for "Year", "Event", and "Location".
○ At least five rows of data (you can make up events and locations).

Exercise 5: Create a Form

Objective: Learn to create a basic form.

1. Create an HTML file named form.html.


2. Include:
○ A main heading for your form.
○ Input fields for:
■ Name (text input)
■ Email (email input)
■ Age (number input)
■ A textarea for comments.
○ A submit button.

Feel free to ask if you need guidance on any of these exercises!

You might also like