Session 02 - Markup (HTML)
Topics
- File and Folder Management
- URLs
- HTML, CSS, JavaScript
- HTML Introduction
- Essential HTML5 Document Structure
- Markup Evolution and Standards
- HTML and XML Syntax for HTML5 — What's the Difference?
- HTML5
- Wait a minute — head and header?
- Common HTML5 Elements - Grouping Content
- Lists - ul and li
- Common HTML5 Elements - a element - anchor
- Common HTML5 Elements - Text Level Semantics
- Entities - what's this &name-or-number;?
- Common HTML5 Elements - Embedded content
- WAVE - Accessibility Evaluation Tool
- Section-level elements
- Workflow
- Version Control
- <meta charset="utf-8">
Session 02 - Markup (HTML), slide1
File and Folder Management, slide2
File and Folder Structure for Web Sites, slide3
URLs, slide4
HTML, CSS, JavaScript, slide5
Markup (HTML) + Styles (CSS) + Scripts (JavaScript), slide6
HTML Introduction, slide7
Markup - HTML, slide8
Essential HTML5 Document Structure, slide9
HTML Elements - the basic building blocks structure, slide10
HTML Elements - the basic building block structure, slide11
HTML Elements - Content can be other HTML elements, slide12
HTML Elements - Sometimes you will have more than one attribute, slide13
HTML Elements - Sometimes elements have no content; they are "empty", slide14
HTML Elements - Sometimes HTML allows you to leave off end tags, slide15
Markup Evolution and Standards, slide16
Benefits of Web Standards, slide17
HTML and XML Syntax for HTML5 — What's the Difference?, slide18
A Tale of Two Documents, slide19
HTML Elements - the basic building block structure, slide20
HTML Elements - Content can be other HTML elements, slide21
HTML5, slide22
Most commonly used or seen elements, slide23
Page Structure - header, main, footer, slide24
An improved HTML5 document template, slide25
HTML5 Elements - Page Structure, slide26
Wait a minute — head and header?, slide27
Common HTML5 Elements - Grouping Content, slide28
article and section and div, slide29
p and div elements, slide30
Harvard Extension School Homepage and div elements, slide31
Lists - ul and li, slide32
Nested Lists - li is a child of ul!, slide33
Lists in Action, slide34
Sections - Headings, slide35
Headings and Lists In Action, slide36
Common HTML5 Elements - a element - anchor, slide37
Creating Links, slide38
Common HTML5 Elements - Text Level Semantics, slide39
span element, slide40
Line Breaks and white space characters (br element), slide41
Entities - what's this &name-or-number;?, slide42
Common HTML5 Elements - Embedded content, slide43
Accessibility Principle: Provide text alternatives for non-text content., slide44
WAVE - Accessibility Evaluation Tool, slide45
Section-level elements, slide46
Parts of a Page, slide47
Workflow, slide48
Version Control, slide49
<meta charset="utf-8">, slide50
Character Sets and Encoding, slide51
Unicode, slide52
Presentation contains 52 slides