Teach Yourself VISUALLY HTML5

Teach Yourself VISUALLY HTML5

Mike Wooldridge

Language: English

Pages: 336

ISBN: 1118063325

Format: PDF / Kindle (mobi) / ePub

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.

  • Helps you get up to speed on the completely redesigned new HyperText Markup Language, HTML5
  • Shows you how to incorporate rich media content into the sites you design, without relying on proprietary software such as Flash
  • Explains revisions, from essential structural elements like header and footer to more complex elements such as canvas and audio—over a hundred tasks in all
  • Uses easy-to-follow, full-color, two-page tutorials, so you can see step by step how to do tasks and quickly obtain the information you need

Web designers, keep your HTML skills up to date with this "learn-by-seeing," visual guide.

From the Book: Sample Instructions for HTML5 Tasks

View HTML5 Code in a Browser
(Click on the image to see instructions)

Define Navigation
(Click on the image to see instructions)

Animate Canvas Content
(Click on the image to see instructions)














pubdate>March 15, 2011. The pubdate attribute stands alone and does not require a value. Insert Special Characters You can use HTML code to insert special characters into your web page text. Special characters are characters that do not usually appear on your keyboard. The codes used to insert special characters are called entities. Entities consist of number or name codes preceded by an ampersand and ending with a semicolon, such as ½ for the fraction � or ¶ for a

spacing, or leading, between lines of text. Adjusting line spacing can make your web page text easier to read. The line spacing value can be specified as a multiple of the height of the element’s font. It can also be specified as an absolute value or a percentage. Be careful when applying small values because this can result in overlapping lines. Line spacing cannot have a negative value. Control Line Spacing Click inside the tag declaration and type line-height: and a space. Type a value for

Type style.display=’?’;”, replacing ? with block or inline. The block value is for elements on their own lines with space above and below. The inline value is for elements within the flow of other text. Click the link on the web page. • The hidden element appears. TIPS How can I hide an element on a page using JavaScript? Use the technique just described, but set the display property of the element to inline or block. Then use JavaScript to change the display property to none. You can

where to start the gradient, and the second defines where to end the gradient. Keeping the first and third values the same creates a vertical gradient. Keeping the second and fourth values the same creates a horizontal gradient. Type grd.addColorStop(?,, replacing ? with a number from 0 to 1. This defines where along the line the color becomes solid, with values at 0 and 1 being at the ends of the gradient. Type “?”);, replacing ? with a color name. Repeat steps 3 and 4 for other color stops

designers embedded video and audio using complicated combinations of and tags. Those tags depended on web browsers having separate helper applications known as plug-ins installed to view the content. Browsers that support the HTML5