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.
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||♟|
Complete the code below to display a full 8×8 chessboard. (Click “Edit with CodePen” to be able to edit the code)