Your First Web Page with HTML and CSS

What you will go through

1. 1
   1 Step 1 of 9 ·5 min Create and Open Your HTML File Create a local HTML file, understand its basic document areas, and verify a change in your browser.
2. 2
   2 Step 2 of 9 ·4 min Give Your Content a Clear Structure Organize the visible content of your local About Me page with headings, sections, paragraphs, and a list.
3. 3
   3 Step 3 of 9 ·5 min Add a Link and Your Own Image Add an external link and a local image to your About Me page using accurate attributes and meaningful alternative text.
4. 4
   4 Step 4 of 9 ·4 min Connect CSS and Target Elements Create a local stylesheet, connect it to your HTML file, and use element and class selectors for your first reusable styles.
5. 5
   5 Step 5 of 9 ·4 min Make the Text Readable Set readable typography, colors, link styling, and keyboard focus visibility in your local stylesheet.
6. 6
   6 Step 6 of 9 ·4 min Control Space with the Box Model Add deliberate inner space, outer separation, borders, and rounded corners to the sections on your local About Me page.
7. 7
   7 Step 7 of 9 ·4 min Make the Page Fit Smaller Screens Make the About Me page comfortable to read on wide and narrow browser windows with a centered container and a flexible local image.
8. 8
   8 Step 8 of 9 ·3 min Fix Common Page Problems Find common local HTML and CSS problems by checking saved files, paths, selectors, syntax, and document structure in a focused order.
9. 9
   9 Step 9 of 9 ·6 min Finish and Check Your First Page Complete, personalize, and verify your local About Me page in the browser.