HTML Chess Challenge

Learning Objectives

In this challenge you are going to learn how to create and format a table using HTML. You will also learn how to insert special characters (using UNICODE characters) on to a webpage.
First you may want to learn about the three HTML tags used to create a table: <TABLE>,<TR> and <TD>

• Tables are defined with the <TABLE> tag,
• Tables are divided into table rows with the <TR> tag,
• Table rows are divided into table cells with the <TD> tag.

Find out more about HTML tables…

HTML Chess Symbols

Symbol	HTML Code		Symbol	HTML Code
♔	White King	♔	♕	White Queen	♕
♖	White Rook	♖	♗	White Bishop	♗
♘	White Knight	♘	♙	White Pawn	♙
♚	Black King	♚	♛	Black Queen	♛
♜	Black Rook	♜	♝	Black Bishop	♝
♞	Black Knight	♞	♟	Black Pawn	♟

Challenge

Complete the code below to display a full 8×8 chessboard. (Click “Edit with CodePen” to be able to edit the code)

See the Pen vOOdgg by 101 Computing (@101Computing) on CodePen.