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

Day 1 HTML CSS Worksheet

The document outlines a Day 1 worksheet focused on HTML and CSS basics. It includes tasks for creating an HTML document structure, an unordered list, and an image, as well as CSS rules for styling text and backgrounds. Additionally, it features a mini project to create an 'About Me' webpage with specific styling requirements.

Uploaded by

Saksham Pahuja
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
0% found this document useful (0 votes)
1 views

Day 1 HTML CSS Worksheet

The document outlines a Day 1 worksheet focused on HTML and CSS basics. It includes tasks for creating an HTML document structure, an unordered list, and an image, as well as CSS rules for styling text and backgrounds. Additionally, it features a mini project to create an 'About Me' webpage with specific styling requirements.

Uploaded by

Saksham Pahuja
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/ 1

Day 1 Worksheet: HTML & CSS Basics

1. HTML Basics

- Write the basic structure of an HTML document.

- Create an unordered list with three of your favorite hobbies.

- Add an image to an HTML page using the <img> tag. Use any placeholder image link.

2. CSS Basics

- Use CSS to change the background color of a webpage.

- Write CSS rules to:

- Center-align all text.

- Set the font color to blue and font size to 20px for all paragraphs.

- Experiment with applying inline, internal, and external styles.

3. Mini Project: About Me Page

Create a basic "About Me" webpage:

- Include your name, a short bio, and an image of your choice.

- Style the page with external CSS. Ensure:

- The background color of the page is light gray.

- Your name is displayed in bold and larger font size.

- Add padding around the text and image.

You might also like