| ＨＴＭＬタグ言語で何ができるか（04） | ||||||||||
| ホームページビルダーを使って、様々なフォントをつくる | ||||||||||
| （１）様々なサイズの文字を入れる | ||||||||||
| ||||||||||
| 写真（１） | ||||||||||
| 写真（１）は、様々なサイズの文字です。 （１）番号「0」の右の文字サイズは標準（＋0）です。 （２）番号「1」の右の文字サイズは「＋1」です。 （３）番号「2」の右の文字サイズは「＋2」です。 （４）番号「3」の右の文字サイズは「＋3」です。 （５）番号「4」の右の文字サイズは「＋4」です。 | ||||||||||
|
| ||||||||||
| ||||||||||
| 写真（２） | ||||||||||
| 写真（２）は、様々なサイズの文字に色を付けました。 | ||||||||||
|
| ||||||||||
| （２）ソース画面で確認する | ||||||||||
| <TR> <TD>0</TD> <TD>@兵庫県相生市山手町２丁目</TD></TR> <TR> <TD>1</TD> <TD><FONT Asize="+1" color="red">兵庫県相生市山手町２丁目</FONT></TD></TR> <TR> <TD>2</TD> <TD><FONT size="+2" color="orange">兵庫県相生市山手町２丁目</FONT></TD></TR> <TR> <TD>3</TD> <TD><FONT size="+3" color="green">兵庫県相生市山手町２丁目</FONT></TD></TR> <TR> <TD>4</TD> <TD><FONT size="+4" color="blue">兵庫県相生市山手町２丁目</FONT></TD></TR> | ||||||||||
| 参考資料（１） | ||||||||||
| 参考資料（１）は、写真（２）のソース（設計）画面です。 （１）「@兵庫県相生市山手町２丁目」が標準サイズです。 （２）サイズ（＋1）は、「<FONT>〜</FONT>」の間に「Asize="+1" color="red"」が追加されています。 （３）「size」の右の「="+1"」は、文字サイズを「＋1」にするタグ言語です。 （４）「color」（色）の右の「="red"」は、文字色を「red」（赤）にするタグ言語です。 | ||||||||||
|
| ||||||||||
| （４）様々な書体をリンクして利用する | ||||||||||
 | ||||||||||
| 写真（３） | ||||||||||
| 写真（３）は、様々な書体を作成してリンク化したものです。 | ||||||||||
|
| ||||||||||
| <TR> <TD>２６</TD> <TD><FONT size="+1" face="ＤＦPOP1体W9">忠臣蔵のふるさとへようこそ</FONT></TD></TR> <TR> <TD>２７</TD> <TD><FONT size="+1" Bface="ＤＦ綜藝体W5">忠臣蔵のふるさとへようこそ</FONT></TD></TR> <TR> <TD>２８</TD> <TD><FONT size="+1" face="ＤＦ相撲体W12">忠臣蔵のふるさとへようこそ</FONT></TD></TR> | ||||||||||
| 参考資料（２） | ||||||||||
| 参考資料（２）は、写真（４）のソース（設計）画面です。 （１）「<FONT>〜</FONT>」の間に「Bface="ＤＦ綜藝体W5"」が追加されています。 （２）「face」は文字の書体を指定するタグ言語です。ここでは「ＤＦ綜藝体W5」を使います。 （３）「ＤＦ綜藝体W5」などをコピーして、ソース（設計）画面で、貼り付けます。 | ||||||||||
|
| ||||||||||
| （５）ソース画面で文字の書体を変更する | ||||||||||
| <TD>0</TD> <TD>C兵庫県相生市</TD></TR> <TR> <TD>1</TD> <TD><FONT size="+1" color="red" face="CRバジョカ廉書体">兵庫県相生市</FONT></TD></TR> <TR> <TD>2</TD> <TD><FONT size="+2" color="orange" face="有澤太楷書P">兵庫県相生市</FONT></TD></TR> <TR> <TD>3</TD> <TD><FONT size="+3" color="green" face="江戸勘亭流">兵庫県相生市</FONT></TD></TR> <TR> <TD>4</TD> <TD><FONT size="+4" color="blue" Bface="麗流隷書">兵庫県相生市</FONT></TD></TR> | ||||||||||
| 参考資料（３） | ||||||||||
| 参考資料（３）は、ソース画面で、様々な文字の書体を貼り付けたものです。 （１）「C兵庫県相生市」が標準の書体です。 （２）「Bface="麗流隷書">兵庫県相生市</FONT>」が追加されています。 （３）それ以外にも様々な書体を追加しています。 | ||||||||||
|
| ||||||||||
| ||||||||||
| 写真（４） | ||||||||||
| 写真（４）は、参考資料（３）のソース（設計）画面をホームページビルダーで置換しました。 | ||||||||||
| 完成ページにリンク←クリック | ||||||||||
| （６）様々な書体を作成してリンクしておきましょう | ||||||||||
（０１）〜（２０）書体２０選 | ||||||||||
| （２１）〜（４０）書体２０選 | ||||||||||
| （４１）〜（６０）書体２０選 | ||||||||||
| （６１）〜（６７）書体０７選 |