Skip to main content
CS Teaching Tips

Main navigation

  • Browse All Tips
  • Tags
  • 3D
  • About
  • Rate Tips
  • Tip Sheets

HTML

Have students use Chrome or Firefox when teaching web development because these browsers contain the useful tools for development.

Assign tasks which require small changes to simple HTML documents to help students develop an understanding of the structure and syntax of HTML tags.

At the beginning of a web development course, do not allow students to copy and paste the HTML tags so they can learn what needs to go into a document.

Compare the head and body tags in HTML to the Headless Horseman to help students remember what gets displayed on a web page.

Provide students with the following document to help them remember important HTML and CSS facts; print it on cardstock to help them understand how important it is to keep around.

Remind students to clear elements after using float so that extra elements don’t try to float as well when teaching CSS.

A common typo in HTML is <div><div> where students forget to include the preceding / to end a tag.

Remind students how important indenting HTML is because most early bugs involve not closing tags.

Misconception: Students frequently forget to close tags or other paired constructs when writing HTML and CSS code, this error is called unclosed pairs. To help prevent this, have students write both open and close HTML tags before adding content.

Use CodePen and jsFiddle to teach web development.

Pagination

  • Previous page ‹‹
  • Page 2
  • Next page ››
Subscribe to HTML

For more information or to report a bug, contact us at admin@csteachingtips.org. Built with Bootstrap. Powered by Drupal.

Privacy Policy