Contents:
Introduction
Getting Started with HTML:
-
- Creating an HTML File
- Doctype HTML
- HTML Tag
- Head Tag
- Meta Tag
- Title Tag
- Body Tag
- Opening and Closing Tags
- Elements
- Main
- Headings
- Paragraphs
- Figures and Images
- Figure Captions
- Links
- Attributes
- Nesting
- Lists
- Ordered Lists
- Unordered Lists
- Basic Web Page Review
Getting Started with CSS:
-
- Creating a CSS File    Â
- Linking the HTML File to a CSS File     Â
- Identifying Elements and Attributes
- Selecting and Styling an Element in CSSÂ Â Â Â Â Â Â Â Â Â Â Â
- Using Element Selectors        Â
- Web Pages Are Made Up of Pixels          Â
- Defining Height and Width
- Choosing Colors
- Styling Background Colors
- Styling Font Color
- Styling Borders
- Styling Font Size
- Styling the Font Family
- Font Style
- Text Align
- Left Align
- Center
- Right Align
- The Box Model
- Margins
- Modifying the Margin For Each Individual Side
- Padding
- Adding Padding to Each Individual Side
- Nested Element Positioning
- Styling a Class
- Styling an ID
- Flexbox
- Justify Content: Center
- Justify Content: Left, Right, or Evenly Spaced
Try It On Your Own:
- Writing an HTML File for a Colors Website
- Writing a CSS File for the Colors Website
- Writing an HTML File for an Animal Website
- Writing a CSS File for the Animal Website
- Writing the CSS Code, Exercise 1
- Writing the CSS Code, Exercise 2
- Writing Both the HTML and CSS Code
- Drawing It Out: Sports Web Page
- Designing and Building Your Own Websites
- Website 1
- Website 2
- Website 3
- Website 4
Answers to Quick Checks:
- HTML Quick Check
- CSS Quick Checks