サンさんのページ

主なタグ

段落<p></p>

改行<br></br>

リンク<a href="URL" rel="nofollow" target="_blank">リンク先名称</a>
 [rel="nofollow"] ＝検索エンジンにスパムサイトとみなされなくなる
 [target="_blank"] ＝リンク先を新しいウインドで開く

引用<blockquote></blockquote>

斜線<del></del>

あいうえお<h2></h2>

あいうえお<h3></h3>

あいうえお<h4></h4>

あいうえお<h5></h5>

あいうえお<h6></h6>

水平線<hr />

太文字<strong></strong>

H₂O＝H₂O
πr²＝πr²

表の作り方

外枠<table></table>

タイトル<caption></caption>
 ヘッダー行（上）をグループ化<thead></thead>
 フッター行（下）をグループ化<tfoot></tfoot>

表本体<tbody></tbody>
 行<tr></tr>
 見出しセル<th></th>
 表のセル<td></td>

例

<table>
<caption>タイトル</caption>
<thead>
<tr><th>表</th><th>の</th><th>上</th></tr>
</thead>
<tfoot>
<tr><th>表</th><td>の</td><td>下</td></tr>
</tfoot>
<tbody>
<tr><th>表</th><td>の</td><td>中</td></tr>
</tbody>
</table>

↓

タイトル

表	の	上
表	の	下
表	の	中

リストの作り方

項目リスト<ul></ul>
数字リスト<ol></ol>
 <ol start="数字">＝その数字からはじめられる

項目<li></li>
 <li></li>の間に<ul>（<ol>）タグを入れると子リスト（孫リスト）が出来る

例

<ul>
<li>親リスト
<ul>
<li>子リスト
<ul>
<li>孫リスト<ol>
<li>数字リスト</li>
</ol>
</li>
</ul>
</li>
</ul>
</li>
</ul> 

↓

• 親リスト
  • 子リスト
    • 孫リスト
      1. 数字リスト

語句定義の作り方

定義リスト<dl></dl>

目次<dt></dt>

説明<dd></dd>

例

<dl>
<dt>目次1</dt>
<dd>説明</dd>
</dl>

↓

目次1

説明

スタイルシート

<span style="スタイルシート:数値;"></span>

<span></span>で囲んだ範囲がスタイルシートの効果範囲になる。 
囲まないとページ全体にスタイルシートの効果がでる。

文字 

色 style="color:#000000;"[通常文 #303030 リンク色 #0066cc] 

大きさ style="font-size:100%;"[large,smallでも応用可]

太さ style="font-weight:bold;"[一部分だけの場合は<strong></strong>]

文字の位置 style="text-align:center;"
「center」中央寄せ「left」左寄り「right」右寄り

ボックス

外枠<div></div>[<table></table>]

大きさ style="width:100px; height:100px;"（指定なし→自動調節）
標準 width:720px;（height指定無し）

位置 style="margin:auto;"（中央）
　　 style="float:right;"（右）style="float:left;"（左）

ライン style="border:#000000 2px solid;"
2px=太さ[thin（細い）medium（普通）でも可]
solid＝ラインの形状

スクロール style="overflow:auto;"

背景

色 style="background-color:#000000;"
記事全体の色を変えたい時 <div style="background-color:#000000;">記事本文</div> 

画像 style="background-image: url;"