ホームページ作成ＴＯＰ > 文章や文字
ホームページ作成に必要な、文章や文字に関しての要素一覧です。あなたのホームページ作成に必要な情報を探して下さい。
はＨＴＭＬ、
はスタイルシートで、使用している主なものです。（
はIEのみの指定になります。）
また、
←このショートカットマークの場合には、別のジャンルで説明しているページにジャンプします。（別のウィンドウに表示されます。）
| やりたい事 | 使用タグ |
|---|---|
| 大きさを変えたい（その１） | <big>,<small> |
| 大きさを変えたい（その２） | <font size="数"> |
| 大きさを変えたい（その３） | <font size="±数"> |
| 大きさを変えたい（その４） | font-size:サイズ |
| 大きさを変えたい（その５） | <basefont size="数"> |
| 行揃えをしたい | align="方向" |
text-align:方向 | |
| 文字の上部を揃える | vertical-align:text-top |
| 文字の中心を揃える | vertical-align:middle |
| 文字の下部を揃える | vertical-align:text-bottom |
| 文字を数値で指定して上下に動かす | vertical-align:数値 |
| 文章の先頭の文字を下げる | text-indent:数値 |
| 改行やスペースを入力した通りに表示させる | <pre>〜</pre> |
white-space:pre | |
| 文章の一行目に特徴を付けたい | :first-line |
| 文章の先頭の文字を大きくする | :first-letter |
| 下付文字 | <sub>〜</sub> |
vertical-align:sub | |
| 上付文字 | <sup>〜</sup> |
vertical-align:super | |
| 文字の色を変えたい（全体） | <body text="色">〜</body> |
color:色 | |
| 文字の色を変えたい（文章） | <font color="色">〜</font> |
color:色 | |
| 文字の色を変えたい（リンク部分） | link="色"vlink="色"alink="色" |
:link,:visited, | |
| 文字の背景に画像を表示する | background-image:url(画像); |
| 文字の背景色を設定する | background-color:色 |
| 文字を標準フォントにしたい | font-style:normal |
| 文字を太くしたい | <b>〜</b> |
font-weight:bold | |
| 文字を強調したい | <em>〜</em> |
<strong>〜</strong> | |
font-weight:bold | |
| 文字を斜体にする | <i>〜</i> |
font-style:oblique | |
font-style:italic | |
| 取消線を引きたい | <strike>〜</strike> |
<s>〜</s> | |
<del>〜</del> | |
text-decoration:line-through | |
| 下線を引きたい | <u>〜</u> |
<ins>〜</ins> | |
text-decoration:underline | |
| 下線を引きたい（色を変えたい） | border-bottom:設定 |
| 下線を引きたい（線種や色も変えたい） | border-bottom:設定 |
| 画像を使用して下線を引きたい | background-image,background |
| 文字の種類を指定する（フォント） | <font face=種類>〜</font> |
font-family:種類 | |
| 文章中の英単語の文字を大文字・小文字にしたい | text-transform:設定 |
| 文字同士の間隔（等幅フォントにて） | <tt>〜</tt> |
font-family:種類 | |
| 文字同士の間隔を調整（指定） | letter-spacing:設定 |
| 文字同士の間隔を調整（単語同士） | word-spacing:設定 |
| 行の高さを調整する | line-height:サイズ |
| 改行したい | <br> |
| 改行したくない | <nobr>〜</nobr> |
white-space:nowrap | |
| ソースコードを記述する | <code>〜</code> |
| 特殊な文字を表示する | &○○; |
| ルビを振る | <ruby>〜</ruby> |
| 見出しの文字の大きさを変える | <font size="数">〜</font> |
font-size:サイズ | |
| 見出しの文字色を変える | <font color="色">〜</font> |
color:色 |
ホームページ作成ＴＯＰ > 文章や文字 > このページのＴＯＰ ▲
