Thẻ cho các phân đoạn trong HTML
Các khối của trang web có thể được nhóm thành các phân đoạn bằng cách sử dụng
thẻ section:
<section>
<h2></h2>
<p>
</p>
<p>
</p>
</section>
<section>
<h2></h2>
<p>
</p>
<p>
</p>
</section>
Cho đoạn mã sau:
<div id="content">
<h1></h1>
<div class="section">
<h2></h2>
<p>
</p>
<p>
</p>
</div>
<div class="section">
<h2></h2>
<p>
</p>
<p>
</p>
</div>
</div>
Hãy chuyển đổi đoạn mã này bằng cách sử dụng các thẻ mới mà bạn đã học.
Cho đoạn mã sau:
<div id="wrapper">
<div id="header">
<div id="logo">
<img src="" alt="logo">
</div>
<div id="menu">
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
</div>
</div>
<div id="container">
<div id="left">
<div class="section">
section
</div>
<div class="section">
section
</div>
<div class="section">
section
</div>
</div>
<div id="content">
<h1>main header</h1>
<div class="section">
<h2>section header</h2>
<div>
<p>
</p>
<p>
</p>
</div>
<div>
<p>
</p>
<p>
</p>
</div>
</div>
<div class="section">
<h2>section header</h2>
<div>
<p>
</p>
<p>
</p>
</div>
<div>
<p>
</p>
<p>
</p>
</div>
</div>
</div>
<div id="right">
<div class="section">
section
</div>
<div class="section">
section
</div>
<div class="section">
section
</div>
</div>
</div>
<div id="footer">
footer
</div>
</div>
Hãy chuyển đổi đoạn mã này bằng cách sử dụng các thẻ mới mà bạn đã học.
