microsoft/frontend-bootcamp
1
0
Fork 0
mirror of https://github.com/microsoft/frontend-bootcamp.git synced 2026-01-26 14:56:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

Step 1-01 updates

Browse Source
This commit is contained in:
Elizabeth Craig
2019-02-26 13:56:55 -08:00
parent 793c8f406f
commit 78f3587031
8 changed files with 150 additions and 111 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
step1-01/html-demo/html-demo.html
View File

@@ -12,7 +12,7 @@
<body>
<section>
<h2><a target="_blank" href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element#Document_metadata">Document Meta Data</a></h2>
<h2><a target="_blank" href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element#Document_metadata">Document Metadata</a></h2>
<p>head, title, link, style</p>
</section>
<hr />
@@ -34,8 +34,8 @@
<main>
<h2>My Blog H2 inside Main</h2>
<article>
<header><h3>Blog Title 1 H3 in Article Header</h3></header>
<aside><p>Aside</p></aside>
<header><h3>Blog Title 1 (H3 in Article Header)</h3></header>
<aside><p>Aside: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent dictum ultricies elit eget luctus.</p></aside>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Tenetur architecto mollitia ducimus. Tempora dignissimos incidunt
consequuntur amet recusandae, eligendi eaque maxime in veritatis delectus non, molestiae vel ipsa! Natus, fuga!
@@ -133,7 +133,8 @@
<table border="1">
<thead>
<tr>
<th colspan="2">The table header</th>
<th>Column 1 header</th>
<th>Column 2 header</th>
</tr>
</thead>
<tbody>
@@ -145,6 +146,9 @@
<td>Another table row</td>
<td>with two columns</td>
</tr>
<tr>
<td colspan="2">Row spanning both columns</td>
</tr>
</tbody>
</table>
</section>
@@ -160,23 +164,23 @@
<div>
<div>
<input type="checkbox" id="option1" name="option1" checked />
<label for="option1">Option1</label>
<label for="option1">Option 1</label>
</div>
<div>
<input type="checkbox" id="option2" name="option2" />
<label for="option2">Option2</label>
<label for="option2">Option 2</label>
</div>
</div>
<div>
<input type="color" id="color1" name="color1" value="#e66465" />
<label for="color1">Color1</label>
<label for="color1">Color 1</label>
</div>
<div>
<input type="color" id="color2" name="color2" value="#f6b73c" />
<label for="color2">Color2</label>
<label for="color2">Color 2</label>
</div>
<div>
<label for="start">Start date:</label>
@@ -186,17 +190,17 @@
<div>
<div>
<input type="radio" id="Radio1" name="radios" value="Radio1" checked />
<label for="Radio1">Radio1</label>
<label for="Radio1">Radio 1</label>
</div>
<div>
<input type="radio" id="radio2" name="radios" value="radio2" />
<label for="radio2">Radio2</label>
<label for="radio2">Radio 2</label>
</div>
<div>
<input type="radio" id="radio3" name="radios" value="radio3" />
<label for="radio3">Radio3</label>
<label for="radio3">Radio 3</label>
</div>
</div>
<div>