Write Html Code Css Based Layout Please Change Html Table Base Layout Css Based Layout Its Q43842277
Write the HTML code (with CSS-based layout)
Please change the html table base layout to the CSS-basedlayout.
<!DOCTYPE html>
<html>
<head>
<meta charset=”UTF-8″>
<title>ITS234 A2 Question 3</title>
</head>
<body>
<table cellpadding=”10px;” cellspacing=”0″ style=”font:15pxverdana,
sans-serif; width:100%; height:275px;”>
<tr>
<td colspan=”2″ style=”background-color:#679BB7;”>
<h1 style=”font-size:18px; margin:10px 0;”>ITS234 A2 Question3</h1>
</td>
</tr>
<tr valign=”top” style=”height:170px;”>
<td style=”background-color:#bbd2df; width:100px;vertical-align:
top;”>
<ul style=”float:left; list-style:none; display:inline;padding:0px;
margin:0px;”>
<li style=”margin-bottom:5px; width:100px; float:left;”><ahref=”#”
style=”color:#3d677e;”>Home</a></li>
<li style=”margin-bottom:5px; width:100px; float:left;”><ahref=”#”
style=”color:#3d677e;”>About</a></li>
<li style=”margin-bottom:5px; width:100px; float:left;”><ahref=”#”
style=”color:#3d677e;”>Contact</a></li>
</ul>
</td>
<td style=”background-color:#f0f0f0; vertical-align:top;”>
<h2 style=”font-size:16px; margin:0px;”>Welcome to thisquestion</h2>
<p>Here you see what table-based layout is.</p>
</td>
</tr>
<tr>
<td colspan=”2″ style=”background-color:#679BB7;”>
<p style=”text-align:center; margin:5px;”>Do yourbest</p>
</td>
</tr>
</table>
</body>
</html>
The screen shot of the HTML when shown in a web browser: ITS234 TMA02 Question 3 Welcome to this question Home About Contact Here you see what table-based layout is. Do you best Show transcribed image text The screen shot of the HTML when shown in a web browser: ITS234 TMA02 Question 3 Welcome to this question Home About Contact Here you see what table-based layout is. Do you best
Expert Answer
Answer to Write the HTML code (with CSS-based layout) Please change the html table base layout to the CSS-based layout. ITS234 A2 …
OR