PC,Adroid,自転車,津軽三味線などについてのブログです

2011年10月5日水曜日

HTML 見出し・リスト・リンクの基礎

■見出・リスト・リンク

    ★見出し <h1> ... <h6>

見出しは <h1>から<h6>までの6階層出指示します。アウトラインヘッダーとは違います。

    ★リスト 箇条書き <ul> と番号付きリスト <ol>

箇条書きと番号リストの2つがあります。以下に例を出します。
  • <ul>の例 (unorderd list)
  • 要素として <li>を並べていきます
  • 下の赤いHTMLが箇条書きのソースです

<ul>
<li>&lt;ul&gt;の例 (unorderd list)</li>
<li>要素として &lt;li&gt;を並べていきます</li>
<li>下の赤いHTMLが箇条書きのソースです</li>
</ul>
  1. <ol>の例 (orderd list)
  2. <ol>の要素として <li>を並べていきます
  3. 下の赤いHTMLが番号付きリストのソースです

<ol>
<li>&lt;ol&gt;の例 (orderd list)</li>
<li>&lt;ol&gt;の要素として &lt;li&gt;を並べていきます</li>
<li>下の赤いHTMLが番号付きリストのソースです</li>
</ol>


    ★リンク <a>リンク先の内容の説明</a>

    知人のブログへのリンクです

<a href="http://eggtart.blogspot.com"  target="_blank">知人のブログ</a>へのリンクです
( target="_blnak"は別窓で開かせるための指示です)
( href="URL"は ハイパーリンク先の指定です)

0 件のコメント:

コメントを投稿