HTML5 andd new structures
Transcript: New Structures documents inner structure and its elements article aside figcaption figure footer header hgroup nav section Part I : Header Part II : nav, div/article, aside Part III : footer with styles nav a {text-decoration : none;} @media print { nav {display : none; } } ... or ... nav, .nav, #nav {border: solid thin blue;} section, nav, hgroup, header, footer {display : block;} <html> <head></head> <body> <header> <h1>Otsikko</h1> <b><p>alaotsikkomainen</p></b> </header> <article> <p>Ja juttu alkaa kappaleella.</p> <p>Vaikkapa varsinainen tarina...</p> </article> <footer>© 2011 LAMK</footer> </body> </html> <body> <header> <h1Otsikko</h1> </header> <article> <h1>Tarinani</h1> <p>Johdatteleva kappale.</p> <aside> <h1>Taas h1, mutta ei haittaa....</h1> <dl> <dt>selitys</dt> <dd>tarkenne</dd> </dl> </aside> </article> <aside> <h2>Alempi otsikointi, artikkelin ulkopuolella</h2> <ul> <li><a href="#">Linkki 1</a></li> <li><a href="#">Linkki 2</a></li> <li><a href="#">Linkki 3</a></li> </ul> </aside> </body> ... <article> <header> <h1>Terve</h1> </header> <section> <h4>Mälkky</h4> <p>Olisi mölkkypelin vuoro...</p> </section> <section> <h4>Pokeri</h4> <p>>>Texas Hold'em maistuisi...</p> </section> <section> <h4>Shakki</h4> <p>Shakkia pelataan....</p> </section> </article> Here is some context. Provide some common ground. Or something from the present, that we should look beyond. Wowing template. Click through in 20 steps. So... An Example: Here is something small... 30 But we can move beyond the present. Why?
Prezi Present
Prezi Video
Prezi Design
