◆
ホームページを作ってみよう ��
◆
|
Ｈ Ｔ Ｍ Ｌを 覚 え た い 〜 テキスト 編 （フォント・文字） |
管理人が勉強しながら覚えるためのページです… もし良かったら参考にしてね♪ ◆
ホームページを作ってみよう ��
◆
◆ テキスト 編 ・ 実 践 ページ ◆ ・・・ 実際に試したことをまとめてみたので、見てね♪
※ 実践ページの方が、記述と反映されたものが一緒に見れるので、わかりやすいかも・・・ (^。^)ｂ
お 知 ら せ
・・・ 見出しを定義（指定）するタグ
≪ Ｈ ≫を追加です （表の一番下だよ）
一番下のインラインフレームに実践ページを表示するようにしたので、アクセスしなくても見れるよ (^_^)ｖ
☆ 07/11/11 ページの一番下からこの表のＴＯＰへジャンプするようにしたよ♪
|
（ ＦＯＮＴ ） |
|
ポイント |
|
◆ サイズ変更 １ （ S I Z E ・ 絶対値 ） |
＜ ＦＯＮＴ ＳＩＺＥ＝” １ 〜 ７ ”＞ サイズを変えるテキスト ＜ ／ ＦＯＮＴ ＞ |
ベースフォントに関係なく、大きさを指定 |
|
◆ サイズ変更 ２ （ S I Z E ・ 相対値 ） |
＜ ＦＯＮＴ ＳＩＺＥ＝” ＋１ 〜 ＋６ ”＞ サイズを大きくするテキスト ＜ ／ ＦＯＮＴ ＞ ＜ ＦＯＮＴ ＳＩＺＥ＝” −１ 〜 −６ ”＞ サイズを小さくするテキスト ＜ ／ ＦＯＮＴ ＞ |
ベースフォントを基準として、大きくまたは小さくを段階的に指定 |
|
◆ サイズ変更 ３ （ S I Z E ・ １段階 ） |
＜ ＢＩＧ ＞大きくするテキスト＜ ／ ＢＩＧ ＞ |
相対値「＋１」と同じ |
|
|
＜ ＳＭＡＬＬ ＞小さくするテキスト＜ ／ ＳＭＡＬＬ ＞ |
相対値「−１」と同じ |
|
◆ 色を変える １ （ C O L O R ） （ 色の名前 ） |
＜ ＦＯＮＴ ＣＯＬＯＲ＝” カラーネーム ”＞ 色を変えるテキスト ＜ ／ ＦＯＮＴ ＞ |
色の名前を英語で指定 |
|
◆ 色を変える ２ （ C O L O R ） （ Ｗｅｂセーフカラー ） |
＜ ＦＯＮＴ ＣＯＬＯＲ＝” ＃ カラーの値 ”＞ 色を変えるテキスト ＜ ／ ＦＯＮＴ ＞ |
「１６進数 」というカラーの値で指定
|
|
◆ 書 体 を変える （ F A C E ） |
＜ ＦＯＮＴ ＦＡＣＥ＝” フォント名（書体名 ）” ＞ 書体を変えるテキスト ＜ ／ ＦＯＮＴ ＞ |
このＨＰでよく使っているのは「HG丸コ゛シックM-PRO」という書体です |
|
◆ 太 字 （ Ｂ ） |
＜ Ｂ ＞ 太字にするテキスト ＜ ／ Ｂ ＞ |
「ボールド」 |
|
◆ 斜 体 （ Ｉ ） |
＜ Ｉ ＞ 斜体にするテキスト ＜ ／ Ｉ ＞ ★ Ｈ Ｔ Ｍ Ｌ |
「イタリック」 |
|
◆ 上 付 （ ＳＵＰ ） |
＜ ＳＵＰ ＞ 上付きにするテキスト ＜ ／ ＳＵＰ ＞ ★ Ｙの２乗の「２」・・・ Ｙ2 |
数式や化学式、注釈など |
|
◆ 下 付 （ ＳＵＢ ） |
＜ ＳＵＢ ＞ 下付きにするテキスト ＜ ／ ＳＵＢ ＞ ★ 水・・・ Ｈ2Ｏ の「２」 |
数式や化学式、注釈など |
|
◆ 取り消し線 （ Ｓ ） |
＜
Ｓ ＞ 取り消し線を引くテキスト ＜ ／ Ｓ ＞ ★
|
|
|
〃 （ ＳＴＲＩＫＥ ） |
＜ ＳＴＲＩＫＥ ＞ 取り消し線を引くテキスト ＜ ／ ＳＴＲＩＫＥ ＞ ★
|
|
|
◆ 下 線 （ Ｕ ） |
＜ Ｕ ＞ 下線付きにするテキスト ＜ ／ Ｕ ＞ ★ テ キ ス ト |
|
|
◆ ル ビ （ ＲＵＢＹ ） |
＜ ＲＵＢＹ ＞ 読みがな（ルビ）をつけるテキスト |
読みがなをふる |
|
（ ＲＰ ） |
＜ ＲＰ ＞ （ ＜ ／ ＲＰ ＞ ※ 始めカッコをＲＰタグではさむ |
|
|
（ ＲＴ ） |
＜ ＲＴ ＞ 読みがな ＜ ／ ＲＴ ＞ |
|
|
|
＜ ＲＰ ＞ ） ＜ ／ ＲＰ ＞ ※ 終わりカッコをＲＰタグではさむ |
|
|
|
＜ ／ ＲＵＢＹ ＞ |
|
|
|
※ （ ＲＰ ）タグ ・・・ ＲＵＢＹタグ非対応ブラウザで表示させるためのもの |
|
|
|
※ 上記のタグを全部続けて記述します |
|
|
|
★ 向 日 葵 （ ひまわり ） ⇒ 向 日 葵 |
|
|
◆ 強 調 （ ＳＴＲＯＮＧ ） |
＜ ＳＴＲＯＮＧ ＞ より強く強調 したいテキスト ＜ ／ ＳＴＲＯＮＧ ＞ |
|
|
（ Ｅ Ｍ ） |
＜ Ｅ Ｍ ＞ 強調 するテキスト ＜ ／ Ｅ Ｍ ＞ |
|
|
|
※ 単に文字を太字にする＜Ｂ＞や斜体にする＜Ｉ＞と違い 文章を強調するという意味付けのためのタグ（構造的な意味を示す）
★ ブラウザ上で表示される場合 ＜ Ｅ Ｍ ＞は斜体、＜ ＳＴＲＯＮＧ ＞は太字で表示するブラウザが多いそうです |
違いを理解するのにちょっと時間がかかりそうです (^_^ゞ |
|
◎ 点 滅 （ ＢＬＩＮＫ ） |
＜ ＢＬＩＮＫ ＞ 点滅させるテキスト ＜ ／ ＢＬＩＮＫ ＞
※ Ｉｎｔｅｒｎｅｔ Ｅｘｐｌｏｒｅｒ（ブラウザ）では使えないタグのようで、編集ページでは点滅していたのに、ＵＲＬにアクセスして確認したところ、点滅していませんでした Ｎｅｔｓｃａｐｅの独自タグだそうな・・・ (+_+) |
|
|
◆ スクロール （ ＭＡＲＱＵＥＥ ） （ ＤＩＲＥＣＴＩＯＮ ） |
＜ ＭＡＲＱＵＥＥ ＤＩＲＥＣＴＩＯＮ ＝ ”ＬＥＦＴ または ＲＩＧＨＴ ＞ スクロールさせるテキスト ＜ ／ ＭＡＲＱＵＥＥ ＞
★ ＤＩＲＥＣＴＩＯＮ（ 属 性 ） ・・・ スクロールする方向 ＬＥＦＴ ・・・ 左へスクロール （ 右 ⇒ 左 ） ＲＩＧＨＴ ・・・ 右へスクロール （ 左 ⇒ 右 ） |
|
|
◆ テキストを入力した通りに表示 （ Ｘ Ｍ Ｐ ） （ ＰＬＡＩＮＴＥＸＴ ）
※ タグの記述も そのまま表示できます |
● ＜ Ｘ Ｍ Ｐ ＞ 入力（ソース）した通りに表示させるテキスト ＜ ／Ｘ Ｍ Ｐ ＞ ※ このタグを使った場合は、開始タグと終了タグに、はさまれた範囲が対象です
● ＜ ＰＬＡＩＮＴＥＸＴ ＞ ※ このタグには終了タグが無く、このタグ以降の全部が、入力した通りに表示されます |
★このタグを使って、「メモ帳で作ってみよう・ＨＴＭＬファイル」を実際に作りました♪
そちらも見てね |
|
◆ 見 出 し （ Ｈ ） |
＜ Ｈ １ 〜 ６ ＞ 見出しにするテキスト（文字） ＜ ／ Ｈ ＞
表示は、文字が太字になって、前後が１行の空きの表示になります 「 Ｈ 」の後にくる数字は、見出しの大きさを表す数字で、１から６まで指定でき 大きさ（ヘッダーサイズ）は、「 １ ＞ ６ 」というように、数字が大きくなるほど サイズが小さくなります
※ フォントサイズを大きくして太字にした場合と、見た目は変わりませんが、このタグを使うことによって そのテキストが、「 見 出 し 」であると定義（指定）することになります ブラウザによっては、見出しタグ（Ｈ）を解析して、自動的に目次を作成するものもあるそうなので この点などから、見出しである事を定義する意味があるように思われます
|
★ 「 Ｈ 」 は、ヘッダーの意味です
※ 実践ページで、１から６を指定して試してるので、それを見ていただくと違いが分かすっすよ♪ |
|
|
|
|
※ インラインフレーム非対応ブラウザの方は、↑ 上のテキストをクリックして見てね♪
