web.selah-hcs.orgweb design for kids // html5 + css3one day academy
THIS WEEK'S JOB // Give your words shape: headings that shout in order and paragraphs that breathe. (Book pages 88-101 in Mrs. Gaiser's book.)
THE THREE IDEAS
Six sizes of shout
h1 through h6 are headline levels, not decoration. Screen readers use them to tell blind visitors where they are, so use them in order like an outline.
Paragraphs make white space
The p element wraps each paragraph and the browser adds breathing room above and below. No more wall of words.
strong and em
strong marks importance, em marks emphasis. They usually look bold and italic, but CSS can restyle them later, which is exactly the point.
TRY IT IN THE PAINT BOOTH
<h1>Best Stuff For Kids</h1>
<p>This site collects the <strong>best stuff</strong> a kid can find on the web.</p>
<h2>About Me</h2>
<p>I am learning web design <em>by hand</em> this year.</p>
Work the book's practice file, then put real headings and paragraphs on your index.html. Read your outline out loud using only the headings; it should still make sense.