Sign In | Subscribe
Start learning today, and be successful in your academic & professional career. Start Today!
Loading video...
This is a quick preview of the lesson. For full access, please Log In or Sign up.
For more information, please see full course syllabus of Adobe Dreamweaver CC
  • Discussion

  • Study Guides

  • Download Lecture Slides

  • Table of Contents

  • Related Books

Bookmark and Share

Start Learning Now

Our free lessons will get you started (Adobe Flash® required).
Get immediate access to our entire library.

Sign up for

Membership Overview

  • Unlimited access to our entire library of courses.
  • Search and jump to exactly what you want to learn.
  • *Ask questions and get answers from the community and our teachers!
  • Practice questions with step-by-step solutions.
  • Download lesson files for programming and software training practice.
  • Track your course viewing progress.
  • Download lecture slides for taking notes.
  • Learn at your own pace... anytime, anywhere!

HTML Headings

  • We will take a look at the various heading tags available in HTML
  • There are 6 heading tags that can be used on a web page
    • Think of these as being like a headline in a newspaper
    • Headings allow the user to quickly locate the information they want from the page
  • These heading tags are very important for:
    • screen readers
    • search engines
  • H1 has the highest priority and works down to H6 being the lowest priority
  • We will take a look at these HTML tags
    • Create a new page called headings.html
    • Type "This is a heading tag."
    • Copy and paste that text 5 more times.
    • Add the numbers 1-6 after the word heading in each line
    • Place your cursor in the first line and choose ctrl/cmd 1
    • Do this all the way down
  • Note how the text changed when we made each line a heading line
  • By default HTML changed the text but we can modify how it looks using CSS
  • Heading tags add structure to a page by setting the importance of content
  • XHTML pages should only have 1 H1 tag, but HTML5 allows for multiple heading tags to be used as long as they are within separate areas of the web page

HTML Headings

Lecture Slides are screen-captured images of important points in the lecture. Students can download and print out these lecture slide images to do practice problems as well as take notes while watching the lecture.

  • Intro 0:00
  • Setting Heading Tags 1:36
    • Numbering Heading Tags
    • Control/Command
  • Importance of Heading Tags 4:00
    • XHTML Versus HTML5
  • Split View 5:05
  • Headings in Code View 5:56