Skip to content

Instantly share code, notes, and snippets.

@harryworld
Created June 8, 2014 04:49
Show Gist options
  • Save harryworld/2f8aecb808811f45269e to your computer and use it in GitHub Desktop.
Save harryworld/2f8aecb808811f45269e to your computer and use it in GitHub Desktop.
Learn HTML
You'll need to explain how to set up simple and complex HTML forms, including the following elements:
<form>
<button>
<fieldset>
<form>
<input>
<label>
<legend>
<meter>
<optgroup>
<option>
<output>
<progress>
<select>
<textarea>
And the following attributes:
for
method
action
accept-charset
autocomplete
novalidate
Here's a link to get you started:
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form
Try to impress us! Also, have someone look at ARIA roles for forms.
http://www.webteacher.ws/2010/10/14/aria-roles-101/
You have until 3 PM. Be prepared to teach the class how to build forms and to answer questions. Each of you must teach one part. Find a spot to work and get to it!
You'll need to explain how to set up simple and nested HTML lists, including the following elements:
<div>
<dl>
<dt>
<dd>
<ol>
<ul>
<li>
And the following attributes:
reversed
start
type
value
Also, look into the CSS properties that will allow you to determine how bullets or numbering work. For example:
https://developer.mozilla.org/en-US/docs/Web/CSS/list-style
https://developer.mozilla.org/en-US/docs/Web/CSS/counter-increment
Here's a few links to get you started:
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ol
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ul
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dl
Try to impress us! Also, have someone look at ARIA roles for lists.
http://www.webteacher.ws/2010/10/14/aria-roles-101/
You have until 3 PM. Be prepared to teach the class how to build lists and to answer questions. Each of you must teach one part. Find a spot to work and get to it!
You'll need to explain how to set up simple and complex HTML tables, including the following elements:
<table>
<caption>
<colgroup>
<col>
<thead>
<tr>
<th>
<tbody>
<td>
<tfoot>
And the following attributes:
span
colspan
rowspan
headers
Here's a link to get you started:
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/table
Try to impress us! Also, have someone look at ARIA roles for tables:
http://wps.pearsoned.com/wps/media/objects/8905/9119213/PG11presentationFIX.html
http://www.webteacher.ws/2010/10/14/aria-roles-101/
You have until 3 PM. Be prepared to teach the class how to build tables and to answer questions. Each of you must teach one part. Find a spot to work and get to it!
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment