moving nav to top level

This commit is contained in:
Micah Godbolt
2019-02-25 11:52:00 -08:00
parent 2922fd3eb3
commit 45a553fa14
5 changed files with 73 additions and 106 deletions

View File

@@ -22,7 +22,7 @@
<div>
<header>
<h1>My Website</h1>
<h1>My Website H1 inside Header</h1>
<nav>
<ul>
<li><a href="page1">About Me</a></li>
@@ -32,9 +32,9 @@
</header>
<main>
<h2>My Blog</h2>
<h2>My Blog H2 inside Main</h2>
<article>
<header><h3>Blog Title 1</h3></header>
<header><h3>Blog Title 1 H3 in Article Header</h3></header>
<aside><p>Aside</p></aside>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Tenetur architecto mollitia ducimus. Tempora dignissimos incidunt
@@ -48,7 +48,7 @@
</p>
</article>
</main>
<footer>Copyright 2019</footer>
<footer>Copyright 2019 in the Footer</footer>
</div>
</section>
<hr />
@@ -112,15 +112,18 @@
<h3>Anchor tag, br and span</h3>
<a target="_blank" href="https://example.com"> Website <span style="color: red">address</span> </a><br />
<a target="_blank" href="mailto:m.bluth@example.com">Email</a><br />
<a target="_blank" href="tel:+123456789">Phone</a><br />
<a target="_blank" href="https://example.com"> Website <span style="color: red">address in span tag</span> </a><br />
<a target="_blank" href="mailto:m.bluth@example.com">Email</a> (no &lt;br&gt;) <a target="_blank" href="tel:+123456789">Phone</a
><br />
<h3>Inline style tags</h3>
<p><b>b tag</b> <em>em tag</em> <i>i tag</i> <sub>sub tag</sub> <sup>sup tab</sup> <code>code tag</code></p>
<h3>Image tag</h3>
<div>
<img src="../../assets/fabric.jpg" width="100" />
<img src="../../assets/fabric.jpg" width="50" />
<img src="../../assets/fabric.jpg" width="150" />
</div>
</section>
<hr />