Teach Yourself Visually HTML5

by Mike Wooldridge

Make mark-up language more manageable with this visual guide HTML5 is the next-generation of web standard mark-up language, and among other things, it offers amazing new avenues for incorporating multimedia into your sites. What easier way to master all of HTML5's new bells and whistles than with a guide that shows you, screenshot by screenshot, just what to do? Over a hundred tasks that web designers need to know most are explained using, full-color screenshots and how-to steps. From the easy stuff like revised new header and footer elements to complex updates such as canvas and audio, this guide covers the new, as well as most-commonly used, tags and features.

Genres: Nonfiction, Reference

319 pages, Paperback

First published July 7, 2011

Reviews

[Andy · Rating 3 out of 5]

I had to get this book for a class I took. It was very helpful, but I think it could have been more fulfilling as there seems to be much more you can do with HTML. Even though I was just a beginner in that program language, this book sufficed for what was required of me from the class.

[C · Rating 3 out of 5]

This book steps through the new features of HTML5, including many new elements for more semantic markup, better forms, audio and video, and canvas. There's also a section on using JavaScript with HTML5. The text is augmented by code snippets and screenshots. The book does a decent job with the how, but it doesn't spend much time on the why; I wish it included more best practices and tips.

HTML5 elements
• Use the <meter> element to display a value within a range.
• To make multiple links on a page open in the same tab/window, use the same target value for the links.
• To make a text area read-only, add the readonly attribute within the <textarea> tag.
• Create date and time inputs with <input type="?">, where the value is "month", "week", "date", or "time".
• Prevent a text box from autocompleting with autocomplete="off".
• Create a range slider with <input type="range">.
• To make a field required, add the required attribute to the <input> tag.
• To add a placeholder to a field, add the placeholder="?" attribute to the <input> tag, where the value is the placeholder text.

Media converters
• MiroVideo Converter converts video to different formats.
• AVS Audio Converter converts audio to different formats.

[Peter · Rating 2 out of 5]

Used this during July and August while teaching BTI220.

It was OK. Not great, but useful in parts.

Aurora library.

[Toby · Rating 4 out of 5]

A good ground up, step by step introduction to building pages in HTML5. Assumes no previous knowledge.