luca/css-reset
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

first version

Browse source
This commit is contained in:
Luca 2024-04-17 16:58:44 +02:00
commit a4369d5f1f
11 changed files with 1064 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

61
index.html Normal file
View file

@ -0,0 +1,61 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<title>CSS Reset 2024</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>