FREE K-12 AI LITERACY COURSES FOR THE 26-27 SY! Learn more here.

Courses for every classroom

HTML 1

This course contains various units which walk students through the basics of coding with HTML and CSS. Further units dive deeper into HTML and CSS, allowing students to further customize their websites.

Semester course · 36 lessons · 2 units

  • HTML
  • Voyage
  • Semester
  • 6th grade
  • 7th grade
  • 8th grade
  • 9th grade
  • 10th grade
  • 11th grade
  • 12th grade

Course Summary

HTML and CSS are the languages used to build and style websites. Students will be able to build their own websites throughout this course. The curriculum includes coding exercises and practice on the Skill Struck platform interspersed with classroom collaboration activities, discussion points, supplemental materials, and unplugged activities.

Course Outline

    1. HTML Basics Learn the basic terminology and ideas behind HTML in this introductory lesson.
    2. Heading Tags This lesson will teach you how to use Headers to show hierarchy and style in your web pages.
    3. Text Colors Looking to spruce up your site with some color? This lesson focuses on how you can change the color of your text.
    4. Fonts Font families and sizes are the main topic in this lesson. There are many different combinations so have fun with it!
    5. HTML as a Language This introductory lesson addresses programming languages and a few of them that you will encounter in this unit and the next.
    6. HTML Structure Just like building a house, HTML needs to have structure. This lesson covers the basics of how to structure your HTML files.
    7. Background Color Background colors are a great way to show distinct sections in your site. This lesson covers the basics of how you can utilize this feature.
    8. HTML Title Titles are the cherry on top of every website. This lesson will cover how you can add this to your website for an even more personalized feel.
    9. Paragraphs Paragraph tags are one of the most common tags that you will use in HTML. Follow this lesson closely!
    10. Breaks and Dividers Break tags are one of the unique tags in HTML. This lesson covers how to use them and why they are different than most.
    11. Ordered Lists Lists are a great way to display multiple items. This lesson covers how to create numbered lists.
    12. Unordered Lists Similar to the previous lesson, this lesson covers how you can create a bulleted list.
    13. Text Align This lesson covers how you can align your text to the left, right and center of your website.
    14. Links This lesson discusses HTML links and how you can connect your users to external sites or internal pages on your website.
    15. Images Another very useful and common element in a website is the image tag. Check this lesson out to learn how to use them.
    16. Buttons/Event Listeners: onclick Finally some interaction! onclick is a great way to interact with your users.
    17. Background Image Background Images can be a great way to add more vibrance and texture to your website.
    18. Videos Videos are one of the most popular media types in the world right now. This lesson will teach you how to utilize this important feature.
    19. Image Link Image links can be a cool, useful way to let your users interact with your site.
    20. Media Checkpoint This checkpoint will cover most of the topics that we've discussed in this HTML 1 Unit. It's time to put everything you've learned together!

    1. Basic Web Practice This is the basic web practice project.
    2. History Website This is the history website project.
    3. Book Report This is the book report project.
    4. Color Check-In
    5. Identity
    6. A Calming Place
    7. Goal Setting
    8. Gratitude Journal
    9. Zones of Regulation
    10. Success Skills This is the success skills project.
    11. Favorite Movie This is the favorite movie project.
    12. Cereal Website This is the cereal website project.
    13. Olympics This is the olympics project.
    14. Favorite Holiday This is the favorite holiday project.
    15. Music History This is the music history project.
    16. Historical Figure Report This is the historical figure report project.

Standard Alignment

State standards documents

Document Standards Grades
National
2022 Skill Struck Standards Alignment + Correlation Guide CSTA K-12 Computer Science Standards · 2022 K-2, 3-5, 6-8, 9-12
Alabama
Alabama Course of Study Digital Literacy and CS Standards + Skill Struck Alignment Alabama Course of Study Digital Literacy and CS Standards K-2, 3-5, 6-8, 9-12
Arizona
Arizona Computer Science Standards + Skill Struck Alignment Arizona Computer Science Standards K-2, 3-5, 6-8, 9-12
Arkansas
Arkansas Computer Science and Computing Standards High School Programming + Skill Struck Alignment Arkansas Computer Science and Computing Standards High School Programming · 2023 9-12
Arkansas Computer Science and Computing Standards Middle School Introduction to Coding Standards + Skill Struck Alignment Arkansas Computer Science and Computing Standards Middle School Introduction to Coding Standards · 2023 6-8
California
California K-12 CS Standards + Skill Struck Alignment California K-12 CS Standards K-2, 3-5, 6-8, 9-12
Georgia
Georgia Standards of Excellence for K-8 Computer Science + Skill Struck Alignment Georgia Standards of Excellence for K-8 Computer Science K-2, 3-5, 6-8
Idaho
Idaho Content Standards Computer Science + Skill Struck Alignment Idaho Content Standards Computer Science · 2023 K-2, 3-5, 6-8, 9-12
Illinois
Illinois Computer Science Standards + Skill Struck Alignment Illinois Computer Science Standards · 2022 K-2, 3-5, 6-8, 9-12
Indiana
Indiana K-12 Computer Science Standards + Skill Struck Alignment Indiana K-12 Computer Science Standards · 2023 K-2, 3-5, 6-8, 9-12
Iowa
Iowa Computer Science Standards + Skill Struck Alignment Iowa Computer Science Standards K-2, 3-5, 6-8, 9-12
Kansas
Kansas CS Standards P-12 + Skill Struck Alignment Kansas CS Standards P-12 · 2023 K-2, 3-5, 6-8, 9-12
Kentucky
Kentucky Academic Standards for Computer Science + Skill Struck Alignment Kentucky Academic Standards for Computer Science · 2023 K-2, 3-5, 6-8, 9-12
Maryland
Maryland K-12 CS Standards + Skill Struck Alignment Maryland K-12 CS Standards · 2023 K-2, 3-5, 6-8, 9-12
Massachusetts
Massachusetts Digital Literacy and Computer Science Standards + Skill Struck Alignment Massachusetts Digital Literacy and Computer Science Standards · 2023 K-2, 3-5, 6-8, 9-12
Michigan
Michigan K-12 Standards Computer Science + Skill Struck Alignment Michigan K-12 Standards Computer Science · 2023 K-2, 3-5, 6-8, 9-12
Mississippi
Mississippi College and Career Readiness standards for Computer Science + Skill Struck Alignment Mississippi College and Career Readiness standards for Computer Science · 2022 K-2, 3-5, 6-8, 9-12
Missouri
Missouri K-12 Computer Science Performance Standards + Skill Struck Alignment Missouri K-12 Computer Science Performance Standards · 2023 K-2, 3-5, 6-8, 9-12
Nebraska
Nebraska K-12 Technology Standards + Skill Struck Alignment Nebraska K-12 Technology Standards · 2023 K-2, 3-5, 6-8, 9-12
Nevada
Nevada Academic Content Standards for CS + Skill Struck Alignment Nevada Academic Content Standards for CS K-2, 3-5, 6-8, 9-12
Nevada Academic Content Standards for Integrated Technology + Skill Struck Alignment Nevada Academic Content Standards for Integrated Technology K-2, 3-5, 6-8, 9-12
Nevada Computer Science Standards + Skill Struck Alignment Nevada Computer Science Standards 9-12
New Jersey
New Jersey Computer Science and Design Thinking Standards + Skill Struck Alignment New Jersey Computer Science and Design Thinking Standards · 2020 K-2, 3-5, 6-8, 9-12
New York
New York Computer Science and Digital Fluency Learning Standards K-12 + Skill Struck Alignment New York Computer Science and Digital Fluency Learning Standards K-12 K-2, 3-5, 6-8, 9-12
North Carolina
North Carolina K-12 CS Standards + Skill Struck Alignment North Carolina K-12 CS Standards K-2, 3-5, 6-8, 9-12
Ohio
Ohio's Learning Standards Computer Science + Skill Struck Alignment Ohio's Learning Standards Computer Science · 2023 K-2, 3-5, 6-8, 9-12
Oklahoma
Oklahoma Academic Standards for Computer Science + Skill Struck Alignment Oklahoma Academic Standards for Computer Science K-2, 3-5, 6-8, 9-12
Rhode Island
Rhode Island's K-12 CS Education Standards + Skill Struck Alignment Rhode Island's K-12 CS Education Standards K-2, 3-5, 6-8, 9-12
South Carolina
South Carolina Computer Science and Digital Literacy Standards + Skill Struck Alignment South Carolina Computer Science and Digital Literacy Standards · 2023 K-2, 3-5, 6-8
South Carolina's Computer Science Standards for High School + Skill Struck Alignment South Carolina's Computer Science Standards for High School · 2023 9-12
Tennessee
Tennessee K-12 Computer Science State Standards + Skill Struck Alignment Tennessee K-12 Computer Science State Standards · 2023 K-2, 3-5, 6-8, 9-12
Texas
TEKs Skills for CTE + Skill Struck Alignment TEKs Skills for CTE 9-12
TEKs Technology Applications K-8 Standards + Skill Struck Alignment TEKs Technology Applications K-8 Standards K-2, 3-5, 6-8
Utah
Utah 6-12 CS Standards + Skill Struck Alignment Utah 6-12 CS Standards · 2019 6-8, 9-12
Virginia
Virginia K-12 CS Standards + Skill Struck Alignment Virginia K-12 CS Standards · 2023 K-2, 3-5, 6-8, 9-12
Washington
Washington K-12 CS State Learning Standards + Skill Struck Alignment Washington K-12 CS State Learning Standards K-2, 3-5, 6-8, 9-12
Wisconsin
Wisconsin Standards for Computer Science + Skill Struck Alignment Wisconsin Standards for Computer Science · 2023 K-2, 3-5, 6-8, 9-12
Wyoming
Wyoming Computer Science Content Standards + Skill Struck Alignment Wyoming Computer Science Content Standards · 2020 K-2, 3-5, 6-8

Course Project

In this course students will complete challenges that help solidify concepts as they use skills in a variety of ways. In order to complete tasks, students will creatively apply what they've learned by using different approaches to reach a goal. This experience closely follows challenges they would face in a technical interview, allowing them to practice. Students will create a variety of websites using different web development skills. Some examples of projects: Weather, Fruit Ranking, Goal Setting, Space Exploration, Favorite Season