[go: up one dir, main page]
Skip to content

Commit

Permalink
Clean up BG image PR
Browse files Browse the repository at this point in the history
  • Loading branch information
@cbracco
cbracco committed Apr 3, 2021
1 parent 5cdb76d commit 9c92199
Showing 1 changed file with 11 additions and 14 deletions.
25 changes: 11 additions & 14 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -34,7 +34,7 @@ <h1>HTML5 Test Page</h1>
<ul>

<li><a href="#embedded__images">Images</a></li>
<li><a href="#embedded__bimages">Background 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>
Expand Down Expand Up @@ -258,23 +258,20 @@ <h2>Pre-formatted text</h2>
<header><h2>Images</h2></header>
<div>
<h3>No <code>&lt;figure&gt;</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>&lt;figure&gt;</code> element, no <code>&lt;figcaption&gt;</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>&lt;figure&gt;</code> element, with a <code>&lt;figcaption&gt;</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]

<article id="embedded__bimages">
<header><h2>Background Images</h2></header>
<div style="background-image:url('http://placekitten.com/420/420'); width:35%; height:50%;">

</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">
Expand Down Expand Up @@ -338,7 +335,7 @@ <h3>Wrapped in a <code>&lt;figure&gt;</code> element, with a <code>&lt;figcaptio
</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>
Expand Down Expand Up @@ -475,7 +472,7 @@ <h3>Wrapped in a <code>&lt;figure&gt;</code> element, with a <code>&lt;figcaptio
</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>
Expand Down

0 comments on commit 9c92199

Please sign in to comment.