HTML『ホームページを作ろう!』サイド編 | ーーーーーー

次は、asideです!

asideとは、中心ではないサブ的なコンテンツのことです。

 
<aside>の中身は、下の図のように考えました。

 

 

文字が少ないので空白が有ることがポイントです。

 

 

この図を基に、マークアップをして見ます。

 

HTML

<aside>
<h2>メニュー</h2>
<h3>セクション1</h3>
<ul>
<li>・ああああ</li>
<li>・いいいいい</li>
<li>・ううううう</li>
<li>・えええええ</li>
<li>・おおおおおおおお</li>
</ul>
<h3>セクション2</h3>
<ul>
<li>・かかかかかか</li>
<li>・きききききき</li>
<li>・くくくくくく</li>
</ul>
<h3>セクション3</h3>
<ul>
<li>・ささささささ</li>
<li>・しししししし</li>
<li>・すすすすすす</li>
</ul>
</aside>

 

このあたりは、今までの流れですんなりできました。

 

続いて、CSSも設定していきましょう!