Topics > 2. HTML
HTML (HyperText Markup Language) is the backbone of web content, structuring information on web pages. HTML can be used to create semantic, accessible layouts using elements like headings, paragraphs, lists, links, and media. This topic emphasizes the role of HTML in the broader web development process and how it integrates with CSS and JavaScript.
Readings & Activities
| Week | Slides / Activities | Readings | |
|---|---|---|---|
| Week 2 | Wed, 1/22 | Lecture 4 Introduction to HTML Activity 4 Write your first HTML page | Required: Optional: |
| Fri, 1/24 | Lecture 5 Introduction to HTML (Continued) Activity 5 Linking (lecture files) Activity 6 Configure git and GitHub |
Required:
Optional:
|
|
| Week 3 | Mon, 1/27 | Tutorial 1 HTML Exercises (due Wed, 1/29) |
Study Questions / Concepts
- Know the naming conventions (all lowercase, no spaces, no special characters other than underscores and hyphens).
- Know how to specify relative paths (linking between files in different folders).
- Know the difference between relative paths and absolute paths.
- Know the HTML Rules of Thumb
- Be familiar with the basic HTML tags we’ve been working with (listed below):
- Images
- Hyperlinks (absolute, relative, and internal)
- Paragraph and header tags (
<h1>...<h6>) - Embedding iFrames
- Semantic tags (
<header>, <nav>, <section>, <article>, <footer>, <aside>) - Ordered and unordered lists (
<ul>, <ol>)
- Know how to make a comment (
<!-- your comment here -->) - Know how to link to a style sheet
- Know what goes in the
<head></head>section and what goes in the<body></body>. - Know how to make an HTML file and a CSS file from scratch using VS Code (like you did in Tutorial 2).