Question $3$

a$)$ Based on the specifications given below, use HTML code and Embedded Styles Sheet to create a Bubble Tea Menu as shown in Figure $2$:

$\backslash$table$[[$Bubble Ten Menu$],[$Price$,$Small,Big$],[$Mango Milk Tea,$\backslash$table$[[$RM$3\mathrm{.}88]],$RM$5\mathrm{.}88],[$ssam Black Milk Teaf,RM$4\mathrm{.}88,$RM$6\mathrm{.}88]]$

Figure $2$

Create table heading cells, table cells, table rows, column groups and row groups.

Set proper data for the necessary style attributes of the table border and the cell border.

Set the first two rows of the thead row group element to same background color with HSL color value.

Use column group element, inline style and RGB color value to set different background colors for

The first column of the table.

The last two columns of the table.

$(19$ marks$)$

b$)$ Write the style declarations in external CSS file to complete the following tasks:

$($i$)$ Align heading $1$ and heading $2$ elements to the center of the Web page.

$(2$ marks$)$

$($ii$)$ Set the font size of the div element with the id "award" to $18$ pixels.

$(2$ marks$)$

$($iii$)$ Insert the text string $"***"$ before and after every paragraph belonging to the "review" class.

$(2$ marks$)$

$[$Total: $25$ marks$]$