# CodeHS Web Design Insider: HTML Code Blocks, Strong or Bold & More!
Published: 2024-08-13
Category: Newsletter
Category URL: https://codehs.com/blog/category/newsletter
Tags: curriculum, k-12-education, computer-science, education, coding, Course Insider
Tag URLs: curriculum (https://codehs.com/blog/tag/curriculum), k-12-education (https://codehs.com/blog/tag/k-12-education), computer-science (https://codehs.com/blog/tag/computer-science-2), education (https://codehs.com/blog/tag/education), coding (https://codehs.com/blog/tag/coding), Course Insider (https://codehs.com/blog/tag/course-insider)
URL: https://codehs.com/blog/codehs-web-design-insider-html-code-blocks-strong-or-bold-and-more-cm3euyfgd0005aj2jmfhmwfs9

![undefined](https://prod.superblogcdn.com/site_cuid_cm264m3an0084qegvyd7aetst/images/webdevnewsletterheaders-1731440515790-compressed.png)

## **🍎 CodeHS Back to School Guide**

[![banner reads Back to School Guide](https://prod.superblogcdn.com/site_cuid_cm264m3an0084qegvyd7aetst/images/image-1731440527707-compressed.png)](https://help.codehs.com/en/articles/4357342-codehs-back-to-school-guide)

Back to school is around the corner! Check out the [CodeHS Back to School Guide](https://help.codehs.com/en/articles/4357342-codehs-back-to-school-guide) to help you set up for a year of teaching with CodeHS. This guide includes Week Zero lesson plans and more steps to make sure you’re ready for your first day.

[Explore the Back to School Guide](https://help.codehs.com/en/articles/4357342-codehs-back-to-school-guide)

[![undefined](https://prod.superblogcdn.com/site_cuid_cm264m3an0084qegvyd7aetst/images/ccrwfssvth948705gnlv5nf9r0et-tqm8uuynmcs6m91sj2iitutvmaec12n-uhfsolw1cs9xuzssiros7xdaeppujlspnei8nkcqdxlh1hddxv2umtnp0tmjnxo7gfejfvly-g-1731440554675-compressed.CcrWFSsVth948705GNlV5NF9R0ET-TqM8_UUYNmcS6M91SJ2IItUTvmaeC12N-UHfsOLw1cs9xuZsSirOS7XdAeppuJLSpnei8NKcqDXlh1HDDxv2UMTnp0tmjnxo7GfEJfVlY-g)](https://codehs.intercom-attachments-7.com/i/o/416458755/c51bcb9c9e982fa6d513b77f/CcrWFSsVth948705GNlV5NF9R0ET-TqM8_UUYNmcS6M91SJ2IItUTvmaeC12N-UHfsOLw1cs9xuZsSirOS7XdAeppuJLSpnei8NKcqDXlh1HDDxv2UMTnp0tmjnxo7GfEJfVlY-g?expires=1731442500&signature=d6124dbe6993d6d9c5512eba47b4e5b3455c619965aef4ae387981d002bfd463&req=cCEhEsx2moRaFb4f3HP0gG9HqzuQeGtCXzvjdb6Bg0aZw7McUwNUXYTZ9%2Bsl%0AyxA%3D%0A)

## **🧱 HTML Code Blocks**

Students beginning to familiarize themselves with the HTML skeleton or structure may benefit from using CodeHS code blocks.

Check out this new Block Coding Lesson Plan from our [Week Zero](https://codehs.com/weekzero) back to school resource to get started! The lesson plan includes links to demo videos for use with your students and knowledge base articles to help you enable code blocks in your course sections.

[Lesson Plan - Block Coding Introduction](https://docs.google.com/document/d/1B3XRyaBQyStviQRTU2NdiO6n_porp7wkC8Gbsa8dhD0/edit#heading=h.lnixcsrm4t40)

_Read more [here](https://readwritecode.blog/html-blocks-3df492fbd02e) about how to incorporate HTML blocks in your CodeHS courses._

[![undefined](https://prod.superblogcdn.com/site_cuid_cm264m3an0084qegvyd7aetst/images/ccrwfssvth948705gnlv5nf9r0et-tqm8uuynmcs6m91sj2iitutvmaec12n-uhfsolw1cs9xuzssiros7xdaeppujlspnei8nkcqdxlh1hddxv2umtnp0tmjnxo7gfejfvly-g-1731440591156-compressed.CcrWFSsVth948705GNlV5NF9R0ET-TqM8_UUYNmcS6M91SJ2IItUTvmaeC12N-UHfsOLw1cs9xuZsSirOS7XdAeppuJLSpnei8NKcqDXlh1HDDxv2UMTnp0tmjnxo7GfEJfVlY-g)](https://codehs.intercom-attachments-7.com/i/o/416458755/c51bcb9c9e982fa6d513b77f/CcrWFSsVth948705GNlV5NF9R0ET-TqM8_UUYNmcS6M91SJ2IItUTvmaeC12N-UHfsOLw1cs9xuZsSirOS7XdAeppuJLSpnei8NKcqDXlh1HDDxv2UMTnp0tmjnxo7GfEJfVlY-g?expires=1731442500&signature=d6124dbe6993d6d9c5512eba47b4e5b3455c619965aef4ae387981d002bfd463&req=cCEhEsx2moRaFb4f3HP0gG9HqzuQeGtCXzvjdb6Bg0aZw7McUwNUXYTZ9%2Bsl%0AyxA%3D%0A)

## **💻 Strong or Bold?**

Young web designers and developers often assume <strong> and <b> tags are the same. While both tags are considered HTML5 semantic tags, there are some important differences to understand when determining which tag to use while creating a web page.

It’s important for web designers to understand the meaning of the content within their web projects in order to utilize the most appropriate semantic HTML5 tags. Before coding, encourage your students to think about the meaning and context behind their web design content.

Check out the <strong> and <b> [tutorial](https://codehs.com/tutorial/mattarnold/strong-vs-bold-in-html)!

[Try For Yourself](https://codehs.com/tutorial/mattarnold/strong-vs-bold-in-html)

[![undefined](https://prod.superblogcdn.com/site_cuid_cm264m3an0084qegvyd7aetst/images/ccrwfssvth948705gnlv5nf9r0et-tqm8uuynmcs6m91sj2iitutvmaec12n-uhfsolw1cs9xuzssiros7xdaeppujlspnei8nkcqdxlh1hddxv2umtnp0tmjnxo7gfejfvly-g-1731440639075-compressed.CcrWFSsVth948705GNlV5NF9R0ET-TqM8_UUYNmcS6M91SJ2IItUTvmaeC12N-UHfsOLw1cs9xuZsSirOS7XdAeppuJLSpnei8NKcqDXlh1HDDxv2UMTnp0tmjnxo7GfEJfVlY-g)](https://codehs.intercom-attachments-7.com/i/o/416458771/ac364e51438095163f2d3b82/CcrWFSsVth948705GNlV5NF9R0ET-TqM8_UUYNmcS6M91SJ2IItUTvmaeC12N-UHfsOLw1cs9xuZsSirOS7XdAeppuJLSpnei8NKcqDXlh1HDDxv2UMTnp0tmjnxo7GfEJfVlY-g?expires=1731442500&signature=09627477e9d8ae2fcc4399dd76b9ccfa7a58ff2f448eb1e2600d1dd9622738b8&req=cCEhEsx2moZeFb4f3HP0gEmh4Jh0q8wz1Z4vMJEU%2FTJInVMSpyT2c3PPC%2BaC%0Axec%3D%0A)

## **🔍 Inspector Debug**

Stuck trying to figure out where your students’ CSS went awry? Web page layouts are easier to debug using Chrome’s built-in Dev Tools!

In this blog, you’ll learn more about how to identify potential problems when reviewing web pages and leverage the Chrome browser’s Developer Tools Inspector.

[Visit the ReadWriteCode Blog](https://readwritecode.blog/inspector-debug-7c9d0d10a1b3)

[![undefined](https://prod.superblogcdn.com/site_cuid_cm264m3an0084qegvyd7aetst/images/ccrwfssvth948705gnlv5nf9r0et-tqm8uuynmcs6m91sj2iitutvmaec12n-uhfsolw1cs9xuzssiros7xdaeppujlspnei8nkcqdxlh1hddxv2umtnp0tmjnxo7gfejfvly-g-1731440671730-compressed.CcrWFSsVth948705GNlV5NF9R0ET-TqM8_UUYNmcS6M91SJ2IItUTvmaeC12N-UHfsOLw1cs9xuZsSirOS7XdAeppuJLSpnei8NKcqDXlh1HDDxv2UMTnp0tmjnxo7GfEJfVlY-g)](https://codehs.intercom-attachments-7.com/i/o/416458771/ac364e51438095163f2d3b82/CcrWFSsVth948705GNlV5NF9R0ET-TqM8_UUYNmcS6M91SJ2IItUTvmaeC12N-UHfsOLw1cs9xuZsSirOS7XdAeppuJLSpnei8NKcqDXlh1HDDxv2UMTnp0tmjnxo7GfEJfVlY-g?expires=1731442500&signature=09627477e9d8ae2fcc4399dd76b9ccfa7a58ff2f448eb1e2600d1dd9622738b8&req=cCEhEsx2moZeFb4f3HP0gEmh4Jh0q8wz1Z4vMJEU%2FTJInVMSpyT2c3PPC%2BaC%0Axec%3D%0A)

## **🧠 CodeHS Pro Tool Highlight: AI Hints**

AI is a powerful tool that can help teachers identify learning needs, streamline their workflows, and provide targeted feedback.

CodeHS has recently launched [AI Hints](https://help.codehs.com/en/articles/8263364-codehs-ai-hints) on Pro! This new tool identifies student errors and allows teachers to generate suggested hints they can provide students. CodeHS AI tools are currently in beta for Pro teachers.

[Learn More](https://readwritecode.blog/codehs-ai-tools-are-now-in-beta-2f9f45e84334)

_[Upgrade to Pro today](https://codehs.com/learnmore?c=WebDesignInsider_8.13.24) to explore how the power of AI can help your students learn._

[![undefined](https://prod.superblogcdn.com/site_cuid_cm264m3an0084qegvyd7aetst/images/ccrwfssvth948705gnlv5nf9r0et-tqm8uuynmcs6m91sj2iitutvmaec12n-uhfsolw1cs9xuzssiros7xdaeppujlspnei8nkcqdxlh1hddxv2umtnp0tmjnxo7gfejfvly-g-1731440705177-compressed.CcrWFSsVth948705GNlV5NF9R0ET-TqM8_UUYNmcS6M91SJ2IItUTvmaeC12N-UHfsOLw1cs9xuZsSirOS7XdAeppuJLSpnei8NKcqDXlh1HDDxv2UMTnp0tmjnxo7GfEJfVlY-g)](https://codehs.intercom-attachments-7.com/i/o/416458771/ac364e51438095163f2d3b82/CcrWFSsVth948705GNlV5NF9R0ET-TqM8_UUYNmcS6M91SJ2IItUTvmaeC12N-UHfsOLw1cs9xuZsSirOS7XdAeppuJLSpnei8NKcqDXlh1HDDxv2UMTnp0tmjnxo7GfEJfVlY-g?expires=1731442500&signature=09627477e9d8ae2fcc4399dd76b9ccfa7a58ff2f448eb1e2600d1dd9622738b8&req=cCEhEsx2moZeFb4f3HP0gEmh4Jh0q8wz1Z4vMJEU%2FTJInVMSpyT2c3PPC%2BaC%0Axec%3D%0A)

## **💡 CodeHS Career Center**

[![undefined](https://prod.superblogcdn.com/site_cuid_cm264m3an0084qegvyd7aetst/images/untitled-1731440707042-compressed.png)](https://codehs.com/careercenter)

The [CodeHS Career Center](https://codehs.com/careercenter) helps students match their computer science skills to their passions, and helps them make real-world connections.

Whether students are interested in sports, design, finance, sustainability, or something else, they’ll find a connection to computer science and better understand how they can apply the skills they’re learning today to a future career.

There are over 20 industries to explore! Each industry includes an overview of how CS is used, articles featuring real-world connections, and a career exploration lesson. Check out the page dedicated to the field of [web development](https://codehs.com/careercenter/industry/computer-science-in-web-development)!

[Explore the Career Center](https://codehs.com/careercenter)

[![undefined](https://prod.superblogcdn.com/site_cuid_cm264m3an0084qegvyd7aetst/images/ccrwfssvth948705gnlv5nf9r0et-tqm8uuynmcs6m91sj2iitutvmaec12n-uhfsolw1cs9xuzssiros7xdaeppujlspnei8nkcqdxlh1hddxv2umtnp0tmjnxo7gfejfvly-g-1731440740410-compressed.CcrWFSsVth948705GNlV5NF9R0ET-TqM8_UUYNmcS6M91SJ2IItUTvmaeC12N-UHfsOLw1cs9xuZsSirOS7XdAeppuJLSpnei8NKcqDXlh1HDDxv2UMTnp0tmjnxo7GfEJfVlY-g)](https://codehs.intercom-attachments-7.com/i/o/416458771/ac364e51438095163f2d3b82/CcrWFSsVth948705GNlV5NF9R0ET-TqM8_UUYNmcS6M91SJ2IItUTvmaeC12N-UHfsOLw1cs9xuZsSirOS7XdAeppuJLSpnei8NKcqDXlh1HDDxv2UMTnp0tmjnxo7GfEJfVlY-g?expires=1731442500&signature=09627477e9d8ae2fcc4399dd76b9ccfa7a58ff2f448eb1e2600d1dd9622738b8&req=cCEhEsx2moZeFb4f3HP0gEmh4Jh0q8wz1Z4vMJEU%2FTJInVMSpyT2c3PPC%2BaC%0Axec%3D%0A)

## **🗓️ Upcoming PD Webinars and Workshops**

We’re hosting a variety of free webinars for Back to School! Be sure to check out the [full calendar of events](https://codehs.com/pd/free) including:

- [Getting Started Teaching with CodeHS](https://us02web.zoom.us/webinar/register/WN_9eHkVC6fTLu9o6sdbkbbiQ#/registration): Tuesday, Sept. 3rd from 4:00 pm - 4:30 pm CT
- [Creating Your Own Course](https://us02web.zoom.us/webinar/register/WN_Z4aAixpZRUGF0O_JGV_Y-A#/registration): Thursday, Sept. 5th from 4:00 pm - 4:30 pm CT
- [AP CSA Checklist](https://us02web.zoom.us/webinar/register/WN_SGql_W1NSi-L8qaHsHYUPw#/registration): Wednesday, Sept. 11th from 4:00 - 4:30 pm CT

[RSVP Today](https://codehs.com/freepd)

[![undefined](https://prod.superblogcdn.com/site_cuid_cm264m3an0084qegvyd7aetst/images/ccrwfssvth948705gnlv5nf9r0et-tqm8uuynmcs6m91sj2iitutvmaec12n-uhfsolw1cs9xuzssiros7xdaeppujlspnei8nkcqdxlh1hddxv2umtnp0tmjnxo7gfejfvly-g-1731440766003-compressed.CcrWFSsVth948705GNlV5NF9R0ET-TqM8_UUYNmcS6M91SJ2IItUTvmaeC12N-UHfsOLw1cs9xuZsSirOS7XdAeppuJLSpnei8NKcqDXlh1HDDxv2UMTnp0tmjnxo7GfEJfVlY-g)](https://codehs.intercom-attachments-7.com/i/o/416458771/ac364e51438095163f2d3b82/CcrWFSsVth948705GNlV5NF9R0ET-TqM8_UUYNmcS6M91SJ2IItUTvmaeC12N-UHfsOLw1cs9xuZsSirOS7XdAeppuJLSpnei8NKcqDXlh1HDDxv2UMTnp0tmjnxo7GfEJfVlY-g?expires=1731442500&signature=09627477e9d8ae2fcc4399dd76b9ccfa7a58ff2f448eb1e2600d1dd9622738b8&req=cCEhEsx2moZeFb4f3HP0gEmh4Jh0q8wz1Z4vMJEU%2FTJInVMSpyT2c3PPC%2BaC%0Axec%3D%0A)

## Stay connected

1. Follow us on [Twitter](https://twitter.com/CodeHS) and [Instagram](http://instagram.com/codehs)
2. Chat with others in the [CodeHS Educators Facebook Group](https://www.facebook.com/groups/CodeHSEducators/)
3. Explore the [CodeHS Web Design Hub](https://codehs.com/curriculum/web-design)!

Happy Coding!

​

-Matt Arnold

​ _Curriculum Developer, CodeHS_

_Interested in learning more about CodeHS Pro? [Request a quote](https://codehs.com/learnmore?c=WebDesignInsider_8.13.24)._


---
This blog is powered by Superblog. Visit https://superblog.ai to know more.
---

