■今日から使える実践的HTML講座

タイトルはhttp://pha22.net/hotentry/

例えばブログのサイドバーにこんなのを作りたいとき。

カテゴリー

• html
• css
• javascript
• php
• perl

最新記事一覧

• HTML人気は「やらせ」(01/01)
• HTMLを理解するための10冊(01/03)
• ワイはHTMLの王様になるんや！(01/04)
• HTMLはアメリカなら余裕で訴えられるレベル(01/05)
• 失われたHTMLを求めて(01/07)

最新コメント一覧

• 太郎(01/05) - HTMLはアメリカなら余裕で訴えられるレベル
• 次郎(01/05) - HTMLはアメリカなら余裕で訴えられるレベル
• 三郎(01/06) - HTMLはアメリカなら余裕で訴えられるレベル
• 太郎(01/07) - 失われたHTMLを求めて
• 次郎(01/07) - 失われたHTMLを求めて

マークアップどうすんのこれ。

<ul>
  <li>カテゴリー
    <ul>
      <li><a href="">html</a></li> 
      <li><a href="">css</a></li>
      <li><a href="">javascript</a></li>
      <li><a href="">php</a></li>
      <li><a href="">perl</a></li>
    </ul>
  </li>
  <li>最新記事一覧
    <ul>
      <li><a href="">HTML人気は「やらせ」(01/01)</a></li> 
      <li><a href="">HTMLを理解するための10冊(01/03)</a></li> 
      <li><a href="">ワイはHTMLの王様になるんや！(01/04)</a></li> 
      <li><a href="">HTMLはアメリカなら余裕で訴えられるレベル(01/05)</a></li> 
      <li><a href="">失われたHTMLを求めて(01/07)</a></li> 
    </ul>
  </li>
  <li>最新コメント一覧
    <ul>
      <li><a href="">太郎(01/05) - HTMLはアメリカなら余裕で訴えられるレベル</a></li> 
      <li><a href="">次郎(01/05) - HTMLはアメリカなら余裕で訴えられるレベル</a></li> 
      <li><a href="">三郎(01/06) - HTMLはアメリカなら余裕で訴えられるレベル</a></li> 
      <li><a href="">太郎(01/07) - 失われたHTMLを求めて</a></li> 
      <li><a href="">次郎(01/07) - 失われたHTMLを求めて</a></li> 
    </ul>
  </li>
</ul>

<h2>カテゴリー</h2>
<ul>
  <li><a href="">html</a></li> 
  <li><a href="">css</a></li>
  <li><a href="">javascript</a></li>
  <li><a href="">php</a></li>
  <li><a href="">perl</a></li>
</ul>
<h2>最新記事一覧</h2>
<ul>
  <li><a href="">HTML人気は「やらせ」(01/01)</a></li> 
  <li><a href="">HTMLを理解するための10冊(01/03)</a></li> 
  <li><a href="">ワイはHTMLの王様になるんや！(01/04)</a></li> 
  <li><a href="">HTMLはアメリカなら余裕で訴えられるレベル(01/05)</a></li> 
  <li><a href="">失われたHTMLを求めて(01/07)</a></li> 
</ul>
<h2>最新コメント一覧</h2>
<ul>
  <li><a href="">太郎(01/05) - HTMLはアメリカなら余裕で訴えられるレベル</a></li> 
  <li><a href="">次郎(01/05) - HTMLはアメリカなら余裕で訴えられるレベル</a></li> 
  <li><a href="">三郎(01/06) - HTMLはアメリカなら余裕で訴えられるレベル</a></li> 
  <li><a href="">太郎(01/07) - 失われたHTMLを求めて</a></li> 
  <li><a href="">次郎(01/07) - 失われたHTMLを求めて</a></li> 
</ul>

<dl>
  <dt>カテゴリー</dt>
  <dd>
    <ul>
      <li><a href="">html</a></li> 
      <li><a href="">css</a></li>
      <li><a href="">javascript</a></li>
      <li><a href="">php</a></li>
      <li><a href="">perl</a></li>
    </ul>
  </dd>
  <dt>最新記事一覧</dt>
  <dd>
    <ul>
      <li><a href="">HTML人気は「やらせ」(01/01)</a></li> 
      <li><a href="">HTMLを理解するための10冊(01/03)</a></li> 
      <li><a href="">ワイはHTMLの王様になるんや！(01/04)</a></li> 
      <li><a href="">HTMLはアメリカなら余裕で訴えられるレベル(01/05)</a></li> 
      <li><a href="">失われたHTMLを求めて(01/07)</a></li> 
    </ul>
  </dd>
  <dt>最新コメント一覧</dt>
  <dd>
    <ul>
      <li><a href="">太郎(01/05) - HTMLはアメリカなら余裕で訴えられるレベル</a></li> 
      <li><a href="">次郎(01/05) - HTMLはアメリカなら余裕で訴えられるレベル</a></li> 
      <li><a href="">三郎(01/06) - HTMLはアメリカなら余裕で訴えられるレベル</a></li> 
      <li><a href="">太郎(01/07) - 失われたHTMLを求めて</a></li> 
      <li><a href="">次郎(01/07) - 失われたHTMLを求めて</a></li> 
    </ul>
  </dd>
</dl>

Permalink | 記事への反応(4) | 17:42

ツイートシェア