Create an HTML document and a CSS stylesheet to display the following chessboard using a table:

The Unicode chess symbols can be found here. The table should be created using Emmet abbreviations.
When the mouse pointer is over a square, show the coordinates of that
square in a message of the form Current square is f4. The
message must be displayed in an element below the board only until the
mouse is over the square. Note that solving the task requires the use of
JavaScript.