mirror of
https://github.com/cbracco/html5-test-page.git
synced 2025-08-21 05:11:45 +02:00
Compare commits
8 Commits
jKratzik-m
...
charul97-1
| Author | SHA1 | Date | |
|---|---|---|---|
|
2e602b623d | ||
|
|
9780f2af62 | ||
|
|
a65554bba1 | ||
|
|
7611bf513b | ||
|
|
9c92199a7e | ||
|
5cdb76d0fb | ||
|
|
a7b56dec9b | ||
|
|
8f241cf5f1 |
3
.editorconfig
Normal file
3
.editorconfig
Normal file
@@ -0,0 +1,3 @@
|
||||
[*]
|
||||
indent_style = space
|
||||
indent_size = 2
|
||||
10
CHANGELOG.md
10
CHANGELOG.md
@@ -1,4 +1,12 @@
|
||||
# 0.9.0 (March 19, 2018)
|
||||
# 0.9.2 (April 3, 2021)
|
||||
|
||||
- Add nested lists (thanks @charul97!).
|
||||
|
||||
# 0.9.1 (April 3, 2021)
|
||||
|
||||
- Add background images (thanks @97arushisharma!).
|
||||
|
||||
# 0.9.0 (April 3, 2021)
|
||||
|
||||
- Add <details>, <address>, <object>, <embed>, <datalist> (thanks @jKratzik!).
|
||||
|
||||
|
||||
81
index.html
81
index.html
@@ -1,4 +1,4 @@
|
||||
<!doctype html>
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
@@ -32,7 +32,9 @@
|
||||
<li>
|
||||
<a href="#embedded">Embedded content</a>
|
||||
<ul>
|
||||
|
||||
<li><a href="#embedded__images">Images</a></li>
|
||||
<li><a href="#embedded__bgimages">Background images</a></li>
|
||||
<li><a href="#embedded__audio">Audio</a></li>
|
||||
<li><a href="#embedded__video">Video</a></li>
|
||||
<li><a href="#embedded__canvas">Canvas</a></li>
|
||||
@@ -91,15 +93,71 @@
|
||||
<dd>This is a definition list division.</dd>
|
||||
</dl>
|
||||
<h3>Ordered List</h3>
|
||||
<ol>
|
||||
<ol type="1">
|
||||
<li>List Item 1</li>
|
||||
<li>List Item 2</li>
|
||||
<li>
|
||||
List Item 2
|
||||
<ol type="A">
|
||||
<li>List Item 1</li>
|
||||
<li>
|
||||
List Item 2
|
||||
<ol type="a">
|
||||
<li>List Item 1</li>
|
||||
<li>
|
||||
List Item 2
|
||||
<ol type="I">
|
||||
<li>List Item 1</li>
|
||||
<li>
|
||||
List Item 2
|
||||
<ol type="i">
|
||||
<li>List Item 1</li>
|
||||
<li>List Item 2</li>
|
||||
<li>List Item 3</li>
|
||||
</ol>
|
||||
</li>
|
||||
<li>List Item 3</li>
|
||||
</ol>
|
||||
</li>
|
||||
<li>List Item 3</li>
|
||||
</ol>
|
||||
</li>
|
||||
<li>List Item 3</li>
|
||||
</ol>
|
||||
</li>
|
||||
<li>List Item 3</li>
|
||||
</ol>
|
||||
<h3>Unordered List</h3>
|
||||
<ul>
|
||||
<li>List Item 1</li>
|
||||
<li>List Item 2</li>
|
||||
<li>
|
||||
List Item 2
|
||||
<ul>
|
||||
<li>List Item 1</li>
|
||||
<li>
|
||||
List Item 2
|
||||
<ul>
|
||||
<li>List Item 1</li>
|
||||
<li>
|
||||
List Item 2
|
||||
<ul>
|
||||
<li>List Item 1</li>
|
||||
<li>
|
||||
List Item 2
|
||||
<ul>
|
||||
<li>List Item 1</li>
|
||||
<li>List Item 2</li>
|
||||
<li>List Item 3</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>List Item 3</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>List Item 3</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>List Item 3</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>List Item 3</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -256,17 +314,22 @@
|
||||
<header><h2>Images</h2></header>
|
||||
<div>
|
||||
<h3>No <code><figure></code> element</h3>
|
||||
<p><img src="http://placekitten.com/480/480" alt="Image alt text"></p>
|
||||
<p><img src="https://placekitten.com/480/480" alt="Image alt text"></p>
|
||||
<h3>Wrapped in a <code><figure></code> element, no <code><figcaption></code></h3>
|
||||
<figure><img src="http://placekitten.com/420/420" alt="Image alt text"></figure>
|
||||
<figure><img src="https://placekitten.com/420/420" alt="Image alt text"></figure>
|
||||
<h3>Wrapped in a <code><figure></code> element, with a <code><figcaption></code></h3>
|
||||
<figure>
|
||||
<img src="http://placekitten.com/420/420" alt="Image alt text">
|
||||
<img src="https://placekitten.com/420/420" alt="Image alt text">
|
||||
<figcaption>Here is a caption for this image.</figcaption>
|
||||
</figure>
|
||||
</div>
|
||||
<footer><p><a href="#top">[Top]</a></p></footer>
|
||||
</article>
|
||||
<article id="embedded__bgimages">
|
||||
<header><h2>Background images</h2></header>
|
||||
<div style="background-image:url('https://placekitten.com/300/300'); width:300px; height: 300px;"></div>
|
||||
<footer><p><a href="#top">[Top]</a></p></footer>
|
||||
</article>
|
||||
<article id="embedded__audio">
|
||||
<header><h2>Audio</h2></header>
|
||||
<div><audio controls="">audio</audio></div>
|
||||
@@ -328,7 +391,7 @@
|
||||
</p>
|
||||
<p>
|
||||
<label for="input__webaddress">Web Address</label>
|
||||
<input id="input__webaddress" type="url" placeholder="http://yoursite.com">
|
||||
<input id="input__webaddress" type="url" placeholder="https://yoursite.com">
|
||||
</p>
|
||||
<p>
|
||||
<label for="input__emailaddress">Email Address</label>
|
||||
@@ -465,7 +528,7 @@
|
||||
</section>
|
||||
</main>
|
||||
<footer role="contentinfo">
|
||||
<p>Made by <a href="http://twitter.com/cbracco">@cbracco</a>. Code on <a href="http://github.com/cbracco/html5-test-page">GitHub</a>.</p>
|
||||
<p>Made by <a href="https://twitter.com/cbracco">@cbracco</a>. Code on <a href="https://github.com/cbracco/html5-test-page">GitHub</a>.</p>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "html5-test-page",
|
||||
"version": "0.9.0",
|
||||
"version": "0.9.2",
|
||||
"description": "A page filled with common HTML elements to be used for testing purposes.",
|
||||
"main": "index.html",
|
||||
"scripts": {
|
||||
|
||||
Reference in New Issue
Block a user