60 lines
2 KiB
HTML
60 lines
2 KiB
HTML
<!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="reset.css" />
|
|
<title>CSS Reset 2024 Example</title>
|
|
</head>
|
|
<body>
|
|
<h1>Heading Level One</h1>
|
|
<h2>Heading Level Two</h2>
|
|
<h3>Heading Level Three</h3>
|
|
<h4>Heading Level Four</h4>
|
|
<h5>Heading level Five</h5>
|
|
<h6>Heading Level Six</h6>
|
|
|
|
<hr/>
|
|
|
|
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Aliquid iure atque laboriosam quibusdam dolores quis, magni corrupti nihil distinctio perferendis ipsum earum in blanditiis dolorum architecto exercitationem. Temporibus obcaecati repudiandae at numquam, quia quod molestiae voluptates eveniet ipsa enim repellat blanditiis optio atque. Eligendi architecto, voluptatum aut quaerat omnis quibusdam?</p>
|
|
|
|
<a id="anchor">This is an empty anchor tag</a>
|
|
|
|
<ul>
|
|
<li>Unordered List Item</li>
|
|
<li>Unordered List Item</li>
|
|
<li>Unordered List Item</li>
|
|
</ul>
|
|
|
|
<ol>
|
|
<li>Ordered List Item</li>
|
|
<li>Ordered List Item</li>
|
|
<li>Ordered List Item</li>
|
|
</ol>
|
|
|
|
<div>An SVG image</div>
|
|
<img alt="The vite logo" src="vite.svg" />
|
|
|
|
<div>A JPEG image (with the low-res placeholder idea from Harry Roberts</div>
|
|
<img alt="An image" src="image.jpg" style="background-image: url(image-lowres.jpg);" width="900" height="400" />
|
|
|
|
<div>A JPEG image with text before and after it</div>
|
|
The image in the same line:<img alt="An image" width="900" height="400" src="image.jpg" />this is an image.
|
|
|
|
|
|
<div>A missing image</div>
|
|
<img alt="This is the alt text. It is also shown if the image could not be found" src="not-found.jpg" />
|
|
|
|
<article>
|
|
An article
|
|
</article>
|
|
|
|
<section>
|
|
This is a section
|
|
</section>
|
|
|
|
<a href="https://example.com">This is a link with characters to test underlines: g Q , . __ -- </a>
|
|
|
|
<a href="#anchor">To the top</a>
|
|
</body>
|
|
</html>
|