diff options
Diffstat (limited to '02_css.html')
| -rw-r--r-- | 02_css.html | 55 |
1 files changed, 55 insertions, 0 deletions
diff --git a/02_css.html b/02_css.html new file mode 100644 index 0000000..b06581f --- /dev/null +++ b/02_css.html @@ -0,0 +1,55 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>HTML Elements Demo</title> +<style> +body { + font-family: Arial, sans-serif; + line-height: 1.6; + padding: 20px; + max-width: 800px; + margin: 0 auto; + color: #333; + } + + /* Headings */ + h1, h2, h3, h4, h5, h6 { + margin: 15px 0; + color: #2c3e50; + } +</style> +</head> +<body> + <h1>This is Heading 1</h1> + <h2>This is Heading 2</h2> + <h3>This is Heading 3</h3> + <h4>This is Heading 4</h4> + <h5>This is Heading 5</h5> + <h6>This is Heading 6</h6> + + <p>This is a paragraph with <strong>bold text</strong>, <em>italic text</em>, and <u>underlined text</u>.</p> + <p>This is a paragraph with a <mark>highlighted text</mark> and <small>smaller text</small>.</p> + + <p>This is a <a href="https://example.com">link to example.com</a></p> + + <h3>Unordered List:</h3> + <ul> + <li>First item</li> + <li>Second item</li> + <li>Third item</li> + </ul> + + <h3>Ordered List:</h3> + <ol> + <li>First item</li> + <li>Second item</li> + <li>Third item</li> + </ol> + + <h3>Image Example:</h3> + <img src="https://picsum.photos/300/200" alt="Placeholder Image"> + <hr> +</body> +</html> |