This page demonstrates basic HTML structure, CSS styles, and different types of lists.
I used an external stylesheet, internal CSS, and inline CSS to show how cascading styles work.
About This Project
This paragraph uses inline CSS, so it overrides some of the other color styles.
This paragraph uses an internal CSS class from the style section in the head.
Ordered List With Numbers
Create an HTML file.
Add basic page structure.
Link a CSS stylesheet.
Ordered List With Roman Numerals
Plan the page content.
Write the HTML code.
Test the page in a browser.
Unordered List With Circle Bullets
HTML creates the structure.
CSS controls the presentation.
Comments explain the code.
Unordered List With Square Bullets
Font family
Color
List style type
Nested List Example
HTML Elements
html
head
body
CSS Styles
font-family
color
list-style-type
Definition List
HTML
The markup language used to structure a web page.
CSS
The stylesheet language used to design and style a web page.