Study Notes

Study Notes

  • Source
  • WebDesign
  • Javascript

›Applied Accessibility

Basic HTML and HTML5

  • Basic HTML and HTML5 Overview

Basic CSS

  • Basic CSS Overview

Applied Visual Design

  • Applied Visual Design Overview

Applied Accessibility

  • Applied Accessibility Overview
  • Image alt attribute
  • Headings
  • Semantic Elements
  • Visual Sense
  • Attributes Relative to the Keyboard

Responsive Web Design Principles

  • Responsive Web Design Principles Overview

CSS Flexbox

  • CSS Flexbox Overview
  • Flex Container
  • Flex Item

CSS Gird

  • CSS Grid Overview
  • Grid Container
  • Grid Item
  • Grid Areas
  • build-in function
  • Layout

Headings

  • Headings (h1 through h6 elements) are workhorse tags that help provide structure and labeling to your content.
  • The heading tags in a webpage need to go in order and indicate the hierarchical relationships of your content.
  • Headings with equal (or higher) rank start new implied sections, headings with lower rank start subsections of the previous one.
  • Each page should always have one (and only one) h1 element, which is the main subject of your content.

参考资料:

  • Use Headings to Show Hierarchical Relationships of Content
← Image alt attributeSemantic Elements →
Copyright © 2019 罗惠东