01 Intro to HTML
This lesson introduces the basics of HTML and the materials for the class.
Teacher Activities
- Introduce technologies and learning environment
- Ensure equitable access to technology and materials
- Explain Learning Journal, Outline Notes, and Lab expectations
- Pre-teach vocabulary (tags / elements / meta)
Student Activities
- Open a word processing program (Word, Pages, Docs) and write a brief narrative about your summer break. The story should not be longer than a page, but should contain enough information to make an impact on the reader.
- Read Getting Started with HTML and create Outline Notes
- Create your first HTML page:
- Create a new blank document named index.html
- Open this document with VS Code
- Code the HTML skeleton
- In between the body tags, paste your summer story content
- Mark up your content with heading tags (h1-h6) and paragraph tags (p)
- Add other elements where appropriate
- Save the file, then open with your web browser
- Show me your webpage!*
- Read What’s in the head? and take Outline Notes
- Update your web page in VSCode
- In the head element add meta elements
- Add the title element
- Show me your webpage!*
* When in class together, I require students to show me the project running on their computer, describe what their code did / is doing / is not doing, and answer questions or describe challenges. This can be done remotely through video, screen shots, and good documentation of code.
Jeff