08/11/2022
We’ll introduce you to HTML, the standard markup language used to create webpages, and
you’ll dive in and hand code a webpage from scratch. This 3-7 hourlass is essentially the first
section of our more comprehensive Web Development Level 1 class.
GrouBasics: Intro to HTML Syntax
The HTML, head, title, & body tags
Headings, paragraphs, & lists
The strong & em tags
The doctype
The lang attribute
The meta tag & the unicode character set
Coding Links: Absolute & Relative URLs
Anchor tags & hrefs
Linking to other websites
Linking to pages within a website
Opening a link in a new browser window/tab
Adding Images
The break tag
The image tag & source attribute
Using the width, height, & alt attributes
Using horizontal rules
Intro to Cascading Style Sheets (CSS)
The style tag
Tag selectors
The font-size, font-family, color, & line-height properties
Hexadecimal color codes
Course Syllabus | Intro to HTML
Section 2
CSS Class Selectors
The class attribute
CSS class selectors
The span tag
CSS opacity
Div Tags, ID Selectors, & Basic Page Formatting
Dividing up content with the div tag
Assigning IDs to divs
Setting width & max-width
CSS background-color
Adding padding inside a div
Centering content
CSS borders
CSS shorthand & the DRY principle
Using Browser Developer Tools
Opening the DevTools in Chrome
Editing HTML in the DevTools Elements panel
Enabling, disabling, & editing CSS in the DevTools
Using DevTools to fine-tune your CSS
Hexadecimal shorthand
HTML5 Semantic Elements & Validating HTML
The outline algorithm
The header, nav, aside, & footer elements
Understanding articles & sections
The main element
The figure & figcaption elements
Checking for errors: validating your code
