Sekciju atlase HTML
Vietnes blokus var apvienot sekcijās, izmantojot
atlasi section:
<section>
<h2></h2>
<p>
</p>
<p>
</p>
</section>
<section>
<h2></h2>
<p>
</p>
<p>
</p>
</section>
Dots šāds kods:
<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>
Pārveidojiet šo kodu, izmantojot apgūtās jaunās atlases.
Dots šāds kods:
<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>
Pārveidojiet šo kodu, izmantojot apgūtās jaunās atlases.
