HTML Rule Memor@ndum ** My recipe フォントの基本
◆ FONT BASIC・・・文字の基本をおさえる ◆
まず始めにHTMLの基準となるフォントサイズ（文字の大きさ）の指定には
「絶対値指定」
・x-small
・small
・medium
・large
・x-large
・xx-large
「相対値指定」
・larger
・smaller
「1から7」までの「数値指定」
「pt ・mm ・％」等の「単位措定」
の方法があり、例えば数値指定の場合、サイズ指定がなければ「標準値＝3」です。フォント（書体）はユーザーが任意に設定。
ユーザーが設定したフォントがない場合は、ブラウザに設定されたデフォルトのフォントで表示されます。▼作例は数値指定です。▼
フォントサイズ＝1の場合▼
HTML Rule Memor@ndum ** HTMLルール備忘録 スクリプトエラー警告雨嵐、テーブル迷路で右往左往、手探り書き分けその先は、スタイルシートで難所越え・・・「未知の苦HTML解道」つまず紀行！
ソース表示（▼記述のポイントを赤文字にしています▼）
<FONT SIZE="1">HTML Rule Memor@ndum ** HTMLルール備忘録 スクリプトエラー警告雨嵐、テーブル迷路で右往左往、手探り書き分けその先は、スタイルシートで難所越え・・・「未知の苦HTML解道」つまず紀行！</FONT>
フォントサイズ指定なし（標準値=3）の場合▼
HTML Rule Memor@ndum ** HTMLルール備忘録 スクリプトエラー警告雨嵐、テーブル迷路で右往左往、手探り書き分けその先は、スタイルシートで難所越え・・・「未知の苦HTML解道」つまず紀行！
ソース表示（▼フォントサイズの指定がないのでタグは不要▼）
HTML Rule Memor@ndum ** HTMLルール備忘録 スクリプトエラー警告雨嵐、テーブル迷路で右往左往、手探り書き分けその先は、スタイルシートで難所越え・・・「未知の苦HTML解道」つまず紀行！
フォントサイズ＝5の場合▼
HTML Rule Memor@ndum ** HTMLルール備忘録 スクリプトエラー警告雨嵐、テーブル迷路で右往左往、手探り書き分けその先は、スタイルシートで難所越え・・・「未知の苦HTML解道」つまず紀行！
ソース表示（▼記述のポイントを赤文字にしています▼）
<FONT SIZE="5">HTML Rule Memor@ndum ** HTMLルール備忘録 スクリプトエラー警告雨嵐、テーブル迷路で右往左往、手探り書き分けその先は、スタイルシートで難所越え・・・「未知の苦HTML解道」つまず紀行！</FONT>
当サイトの場合、フォントサイズは外部CSS（スタイルシート）に「font-size: 12px;」とピクセル単位にしていますが、このページに限り、CSS設定は、外しております。
改行タグ<BR>を所々に入れ、文章の体裁を直してみます。▼
HTML Rule Memor@ndum **
HTMLルール備忘録
スクリプトエラー警告雨嵐、テーブル迷路で右往左往、手探り書き分けその先は、スタイルシートで難所越え
・・・「未知の苦HTML解道」つまず紀行！
ソース表示（▼フォントサイズの指定がないので改行タグ<BR>以外のタグは不要▼）
HTML Rule Memor@ndum ** <BR>
HTMLルール備忘録<BR>
スクリプトエラー警告雨嵐、テーブル迷路で右往左往、手探り書き分けその先は、スタイルシートで難所越え<BR>
・・・「未知の苦HTML解道」つまず紀行！
次に、フォントカラーをブルー系に、サイト名を太字で大きく、サブタイトルを他の色に変え、コメントを斜体にしてみます。▼
HTML Rule Memor@ndum **
HTMLルール備忘録
スクリプトエラー警告雨嵐、テーブル迷路で右往左往、手探り書き分けその先は、スタイルシートで難所越え
・・・「未知の苦HTML解道」つまず紀行！
▼最初にタグを分別して説明します▼
<FONT COLOR="#3366FF"> 文頭から文末までのフォントカラーの指定 </FONT>
・・・"#3366FF" はカラーコード名・・・
文字の装飾指定
<STRONG><BIG> 文字を強調して大きく </BIG></STRONG>
文章途中の文字色
<FONT COLOR="#CC3366"> 文字色を変えたい箇所の色 </FONT>
・・・"#CC3366" はカラーコード名・・・
文字の書体指定 （作例の"EM"タグは本来強調タグですが「斜体」になります。）
<EM> 斜体の場合、論理的タグは"EM" </EM>
・・・<I>"I"は物理的フォントタグ</I>
▼ソース表示▼
<FONT COLOR="#3366FF"><STRONG><BIG>HTML Rule Memor@ndum **</BIG></STRONG><BR>
<FONT COLOR="#CC3366"><STRONG>HTMLルール備忘録</STRONG></FONT><BR>
<EM>スクリプトエラー警告雨嵐、テーブル迷路で右往左往、手探り書き分けその先は、スタイルシートで難所越え<BR>
・・・「未知の苦HTML解道」つまず紀行！</EM></FONT>
▲ここまでページ全体が読みにくいとか、みづらいと思いませんか？
|
HTML Rule Memorandum** Copyright © Yahcom, all right reserved, since 2004.
|