HTML＆簡易CSSタグ一覧
基本要素段落 <p> </p> 改行 <br /> 見出し <h1> </h1> <h2> </h2> <h3> </h3> <h4> </h4> <h5> </h5> <h6> </h6> 引用文 <blockquote> </blockquote> 下引き線 <hr /> コメント <!--コメント--> ボックス要素系 <div> </div> <span> </span> サムネイル画像添付用アドレス http://tn-skr.smilevideo.jp/smile?i |
リスト＆テーブル用語と説明のリスト <dl> <dt>項目１</dt> <dd>説明文１</dd> <dt>項目２</dt> <dd>説明文２</dd> <dt>項目３</dt> <dd>説明文３</dd> </dl> リスト要素 <ul> <li> </li> <li> </li> <li> </li> <li> </li> </ul> リスト要素（数字並び） <ol> <li> </li> <li> </li> <li> </li> <li> </li> </ol> 表のタイトル <caption> </caption> 表全体 <table> </table> 表の本体（データ部分）をグループ化 <tbody> </tbody> 横一列 <tr> </tr> データ部分の見出し <th> </th> 表のデータ入力部分 <td> </td> 横枠の要素を同時に適用させる <colgroup > <col style="border: 5px double #808080;" span="4"/> </colgroup> 三列三行のテーブルサンプル <table> <caption> </caption> <tbody> <tr> <th> </th> <th> </th> <th> </th> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> </tbody> </table> 要素を均等に並べるタグ <table style="border: 0; width: 100%;"> <tbody> <tr> <td style="border-style: none; width: 50%;"></td> <td style="border-style: none; width: 50%;"></td> </tr> </tbody> </table> |
ソース出力用< < > > <> <> <> <> <p> </p> <p> </p> <br /> <br /> <h2> </h2> <h2> </h2> <h3> </h3> <h3> </h3> <h4> </h4> <h4> </h4> <h5> </h5> <h5> </h5> <h6> </h6> <h6> </h6> <div> </div> <div> </div> <ul> <ul> <li> </li> <li> </li> </ul> </ul> <ul> <li> </li> <li> </li> <li> </li> <li> </li> <li> </li> </ul> データ出力用ボックスのサンプル <pre style="border: 1px solid #999; margin: auto; padding: 5px; overflow: auto; height: 250px; width: 350px; color: #303030;"> 《内容》 </pre> |
文字装飾関連太文字 <b> </b> 打ち消し <del> </del> 斜体（イタリック体） <i> </i> 強調 <strong> </strong> 下付き文字 <sub> </sub> 上付き文字 <sup> </sup> 文字色 style="color:#RRGGBB;" 文字のフォント style="font-family:Mona;" style="font-family:IPA MONAPGOTHIC;" style="font-family:MS PGothic;" style="font-family:MS Pゴシック;" style="font-family:sans-serif;" style="font-family:serif;" 文字の形状（何もしない場合使用しない） イタリック体（斜体） style="font-style:italic;" 文字の大きさ（何もしない場合使用しない） 上から大～小 style="font-size:xx-large;" style="font-size:x-large;" style="font-size:large;" style="font-size:medium;" (既定値) style="font-size:small;" style="font-size:x-small;" style="font-size:xx-small;" これ以外にも単位付きの数値も使用可能。 px | em | pt | mm | cm | in | pc | ex テキストの太さ style="font-weight:normal;" 細い style="font-weight:bold;" 太い テキストの装飾 style="text-decoration:none;" 何もなし style="text-decoration:underline;" 下線 style="text-decoration:overline;" 上線 style="text-decoration:line-through;" 打消し線 |
要素の位置調整行の高さ（行送り） style="line-height:数値;" px | em | pt | mm | cm | in | pc | ex 要素の外側の余白 style="margin:数値;" 要素の内側の余白 style="padding:数値;" px | em | pt | mm | cm | in | pc | ex autoを指定すれば自動調整 ※ボックス要素に使うとインデント風の表示に 数値を1つだけ指定：上下左右一括 数値を2つ指定：順に「上下」「左右」 数値を3つ指定：順に「上」「左右」「下」 数値を4つ指定：順に「上」「右」「下」「左」 記述した部分のみの余白を指定 外側 style="margin-top:数値;" 要素の上側の余白を指定します style="margin-bottom:数値;" 要素の下側の余白を指定します style="margin-left:数値;" 要素の左側の余白を指定します style="margin-right:数値;" 要素の右側の余白を指定します 内側 style="padding-top:数値;" style="padding-bottom:数値;" style="padding-left:数値;" style="padding-right:数値;" なお、-leftと-rightを両方autoに指定すると中央揃えと同じ効果が得られます。 テキストの位置 style="text-align:left;" 左寄せ style="text-align:center;" 中央揃え style="text-align:right;" 右寄せ テキストの縦位置 style="vertical-align:baseline;" ベースラインに揃える（デフォルト） style="vertical-align:top;" 上揃えにする(tdタグではデフォ) style="vertical-align:middle;" 中央揃えにする style="vertical-align:bottom;" 下揃えにする style="vertical-align:super;" 上付き文字として揃える style="vertical-align:sub;" 下付き文字として揃える |
要素全体の装飾背景色 style="background-color:#RRGGBB;" 枠線 style="border: #RRGGBB 太さ 形状;" style="border:none;" 表示させない 線の太さ thin 細い（デフォルト） medium 普通 thick 太い ※太さはpx（ピクセル）やpt（ポイント）での指定も可能 線の形状 solid 1本線（デフォルト） double 2本線（上手く表示させるには5px以上のサイズが必要） groove 奥にくぼんだ形 ridge 手前にでっぱった形 inset 上と左が濃く、右と下が薄くなる outset 右と下が濃く、上と左が薄くなる（insetの逆） dashed 破線 dotted 点線 背景画像の貼り付け style="background: url('/oekaki/《お絵カキコの数値》.png') no-repeat;" repeat; 縦方向・横方向に繰り返す repeat-x; 横方向にのみ繰り返す repeat-y; 縦方向にのみ繰り返す no-repeat; 繰り返さない |
- 7
- 0pt
