Write Html Code Css Based Layout Please Change Html Table Base Layout Css Based Layout Don Q43842841
Write the HTML code (with <div> CSS-based
layout)
Please change the html table base layout to the CSS-based
layout. Don’t use the table to answer. Answer in<div> with CSS
<!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>
<head>
<meta charset=”UTF-8″>
<title>Q3</title>
</head>
<body>
<div class=”wrapper”>
<div class=”header”>
<h1>Q3</h1>
</div>
<div class=”container”>
<div class=”sidebar”>
<div class=”sidebar-inner”>
<ul class=”menu”>
<li><a href=”#”>Home</a></li>
<li><a href=”#”>About</a></li>
<li><a href=”#”>Contact</a></li>
</ul>
</div>
</div>
<div class=”content”>
<div class=”content-inner”>
<h2>Welcome to this question</h2>
<p>The CSS-based method is used for layout.</p>
</div>
</div>
</div>
<div class=”footer”>
<p>Please check the code</p>
</div>
</div>
</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. Don’t use …
OR