HTML5: Content Authoring with New and Advanced Features
Keep adding new skills with 10,000+ programs for $239 (usually $399). Save now.
What you'll learn
Implement advanced CSS3 selectors, flexbox layouts, and media queries to achieve fully responsive web designs.
Utilize CSS3 gradients, shadows, web fonts, 2D transforms, and keyframe animations to enhance visual appeal.
Integrate HTML5 video, audio, and structured microdata to optimize content for modern browsers and machine readers.
Learn by doing. Perform guided, step-by-step hands-on activities on your own computer.
Skills you'll gain
Details to know
January 2026
1 assignment
See how employees at top companies are mastering in-demand skills
There are 7 modules in this course
HTML5 is the latest generation of markup languages used to create content for the web. It is also used as a programming language for mobile (smartphone and tablet) application development. When people say "HTML5," they typically mean not only the latest version of HTML, but also CSS, JavaScript®, and various markup languages used to represent other kinds of web content, such as SVG (graphics) and MathML (mathematical formulas).
Web browsers, which display content coded in these languages, have evolved rapidly over the last few years. This course focuses on the new and advanced features of HTML5, covering how to create HTML5 and CSS3 markup that will work well on the widest possible variety of web browsers, mobile devices, and machine readers, such as search engine web crawlers. The course also demonstrates how to use advanced HTML5 multimedia features such as video, audio, and animation. This course is designed for those who have experience authoring content in HTML and CSS, and want to learn how to use new HTML5 and CSS3 features. This course can be taught on Windows®, Mac OS® X, or Linux®, and supports developers who work in any of those environments. Although JavaScript® knowledge is helpful, HTML and CSS are the focus, so this course does not require that the learner have extensive JavaScript skills. In this course, you will: optimize HTML content to take advantage of HTML5 and CSS3 features; write advanced CSS3 selectors and media queries; use advanced background and border options introduced in CSS3; use advanced text formatting options introduced in CSS3; use HTML5 graphics and multimedia elements, including transforms, animation, audio, and video; and follow best practices to enable HTML content to be successfully processed by many different web browsers and machine readers. This course requires that you have access to several different web browsers, including Google Chrome and Mozilla Firefox, and a text editor with line numbering and syntax coloring. The course setup instructions provided in the first module of the course go into more detail about the hardware and software requirements.
You might reasonably feel that web standards from 10 years ago have nothing to do with authoring web content today. However, many of the web browsers developed to support older standards are still in use today. Understanding how they work will help you develop web content that works for all users, not just those with the latest web browsers.
What's included
10 plugins
10 plugins•Total 69 minutes
- Data Files and Setup for This Course•15 minutes
- About This Course•1 minute
- Lesson Introduction•1 minute
- Topic 1A: Develop Web Content to Follow Standards•1 minute
- 1A-1: Reading•15 minutes
- 1A-2: Activity•10 minutes
- Topic 1B: Update Legacy Web Content to Meet HTML5 Requirements•1 minute
- 1B-1: Reading•10 minutes
- 1B-2: Activity•10 minutes
- Lesson Summary•5 minutes
CSS provides extensive control over the appearance of HTML content, which is key to creating responsive web designs that display well on a wide variety of different displays and devices. Now in its third version, CSS includes many powerful new ways for style rules to select and influence content and provide alternate layouts based on device characteristics.
What's included
29 plugins
29 plugins•Total 177 minutes
- Lesson Introduction•1 minute
- Topic 2A: Use Advanced CSS Selectors•1 minute
- 2A-1: Reading•5 minutes
- 2A-2: Guidelines•1 minute
- 2A-3: Activity•15 minutes
- 2A-4: Reading•1 minute
- 2A-5: Guidelines•1 minute
- 2A-6: Activity•15 minutes
- 2A-7: Reading•5 minutes
- 2A-8: Activity•10 minutes
- 2A-9: Guidelines•5 minutes
- 2A-10: Activity•15 minutes
- 2A-11: Reading•1 minute
- 2A-12: Guidelines•1 minute
- 2A-13: Activity•15 minutes
- Topic 2B: Provide Alternate Layouts Based On Device Characteristics•1 minute
- 2B-1: Reading•10 minutes
- 2B-2: Guidelines•1 minute
- 2B-3: Reading•1 minute
- 2B-4: Activity•10 minutes
- 2B-5: Reading•5 minutes
- 2B-6: Guidelines•5 minutes
- 2B-7: Activity•15 minutes
- 2B-8: Reading•1 minute
- 2B-9: Guidelines•5 minutes
- 2B-10: Reading•1 minute
- 2B-11: Activity•10 minutes
- Mastery Builder: Using Media Queries•15 minutes
- Lesson Summary•5 minutes
CSS3 includes many new options to format box backgrounds and borders. You may apply background and border properties to any HTML element. Knowing all of your options for controlling these properties will give you more flexibility in achieving the results you're looking for.
What's included
23 plugins
23 plugins•Total 55 minutes
- Lesson Introduction•1 minute
- Topic 3A: Use Advanced Techniques to Create Backgrounds•1 minute
- 3A-1: Reading•1 minute
- 3A-2: Guidelines•1 minute
- 3A-3: Reading•1 minute
- 3A-4: Guidelines•1 minute
- 3A-5: Reading•1 minute
- 3A-6: Guidelines•1 minute
- 3A-7: Reading•1 minute
- 3A-8: Guidelines•1 minute
- 3A-9: Activity•10 minutes
- Topic 3B: Use Advanced Techniques to Create Borders•1 minute
- 3B-1: Reading•1 minute
- 3B-2: Guidelines•1 minute
- 3B-3: Reading•1 minute
- 3B-4: Guidelines•1 minute
- 3B-5: Reading•1 minute
- 3B-6: Guidelines•1 minute
- 3B-7: Reading•1 minute
- 3B-8: Guidelines•1 minute
- 3B-9: Activity•1 minute
- Mastery Builder: Adding Borders and Backgrounds•20 minutes
- Lesson Summary•5 minutes
CSS3 includes many new advanced features for formatting text in ways that were not easy to accomplish in earlier versions of CSS, giving you more control over the appearance of text than you have had before.
What's included
22 plugins
22 plugins•Total 46 minutes
- Lesson Introduction•1 minute
- Topic 4A: Use Web Fonts•1 minute
- 4A-1: Reading•1 minute
- 4A-2: Guidelines•1 minute
- 4A-3: Activity•5 minutes
- 4A-4: Guidelines•1 minute
- 4A-5: Reading•1 minute
- 4A-6: Guidelines•1 minute
- 4A-7: Activity•5 minutes
- Topic 4B: Apply Advanced Text Styles•1 minute
- 4B-1: Reading•1 minute
- 4B-2: Guidelines•1 minute
- 4B-3: Reading•1 minute
- 4B-4: Guidelines•1 minute
- 4B-5: Activity•5 minutes
- 4B-6: Reading•1 minute
- 4B-7: Guidelines•1 minute
- 4B-8: Activity•5 minutes
- 4B-9: Reading•1 minute
- 4B-10: Guidelines•1 minute
- 4B-11: Activity•5 minutes
- Lesson Summary•5 minutes
In the past, a plug-in such as Adobe® Flash® or Microsoft® Silverlight® was typically needed to provide extensive animation and multimedia capabilities within a web browser. With the advent of new mobile devices that do not support such plug-ins, web developers have clamored for an alternative within the native capabilities of web browsers. In response, HTML5 includes support for a wide variety of new animation and multimedia capabilities.
What's included
21 plugins
21 plugins•Total 53 minutes
- Lesson Introduction•1 minute
- Topic 5A: Use 2D Transforms•1 minute
- 5A-1: Reading•1 minute
- 5A-2: Guidelines•1 minute
- 5A-3: Activity•5 minutes
- Topic 5B: Use Animation Styles•1 minute
- 5B-1: Reading•1 minute
- 5B-2: Guidelines•1 minute
- 5B-3: Activity•5 minutes
- 5B-4: Reading•1 minute
- 5B-5: Guidelines•1 minute
- 5B-6: Activity•5 minutes
- Topic 5C: Embed Audio and Video in a Web•1 minute
- 5C-1: Reading•1 minute
- 5C-2: Guidelines•5 minutes
- 5C-3: Reading•1 minute
- 5C-4: Activity•5 minutes
- 5C-5: Reading•1 minute
- 5C-6: Guidelines•5 minutes
- 5C-7: Activity•5 minutes
- Lesson Summary•5 minutes
When web authors conceive a design for a website, they often imagine what they would personally like to experience and to build—perhaps something that will show off their skills (a portfolio piece), generate some excitement, and of course, satisfy the client. But when you create a website or HTML5 mobile app, there are many additional consumer needs to think of, such as users special needs due to various types of visual, auditory, motor, or cognitive impairments—as well as machine readers, such as search engine crawlers—programs that systematically access and process websites to create rich databases that help users find your site through search engines such as Google and Bing®.
What's included
19 plugins
19 plugins•Total 88 minutes
- Lesson Introduction•1 minute
- Topic 6A: Support Various Browsers•1 minute
- 6A-1: Reading•5 minutes
- 6A-2: Activity•10 minutes
- 6A-3: Reading•5 minutes
- 6A-4: Activity•1 minute
- Topic 6B: Improve Markup to Benefit Human and Machine Readers•1 minute
- 6B-1: Reading•5 minutes
- 6B-2: Guidelines•1 minute
- 6B-3: Reading•5 minutes
- 6B-4: Guidelines•1 minute
- 6B-5: Activity•10 minutes
- 6B-6: Reading•10 minutes
- 6B-7: Activity•10 minutes
- 6B-8: Reading•5 minutes
- 6B-9: Guidelines•1 minute
- 6B-10: Reading•1 minute
- 6B-11: Activity•10 minutes
- Lesson Summary•5 minutes
You'll wrap things up and then validate what you've learned in this course by taking an assessment.
What's included
1 assignment1 plugin
1 assignment•Total 20 minutes
- Course Assessment•20 minutes
1 plugin•Total 1 minute
- Course Summary•1 minute
Instructor
Offered by
Why people choose Coursera for their career
Frequently asked questions
To access the course materials, assignments and to earn a Certificate, you will need to purchase the Certificate experience when you enroll in a course. You can try a Free Trial instead, or apply for Financial Aid. The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.
When you purchase a Certificate you get access to all course materials, including graded assignments. Upon completing the course, your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile.
Yes. In select learning programs, you can apply for financial aid or a scholarship if you can’t afford the enrollment fee. If fin aid or scholarship is available for your learning program selection, you’ll find a link to apply on the description page.
More questions
Financial aid available,