diff options
Diffstat (limited to '03_sakura.html')
| -rw-r--r-- | 03_sakura.html | 40 |
1 files changed, 40 insertions, 0 deletions
diff --git a/03_sakura.html b/03_sakura.html new file mode 100644 index 0000000..d8e5c9b --- /dev/null +++ b/03_sakura.html @@ -0,0 +1,40 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sakura.css/css/sakura.css" type="text/css"> + <title>HTML Elements Demo</title> +</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> |