O'Reilly logo

Dreamweaver CS6 Mobile and Web Development with HTML5, CSS3, and jQuery Mobile by David Karlins

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Embedding an HTML5 audio element in a Dreamweaver web page

Once we've laid the groundwork, we are ready to get started. Use the following steps to embed an Audio element into an open Dreamweaver HTML5 page:

  1. In the Code part of the Split view, place your cursor right after the <body> tag and hit Enter (or Return on a Mac) to create a new line of code.
  2. Start typing <au and press Tab and the HTML5 pack will auto-complete that into the beginning of the <audio> tag, as shown in the following screenshot:
    Embedding an HTML5 audio element in a Dreamweaver web page
  3. Place your cursor right after the word audio and press the Space bar. A pop-up menu will appear again. Type the letter s and then double-click src in the ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required