親方インフォ　簡単ホームページ作成講座

もっと楽しく！
インターネットショッピング！
便利なページを創りましょう！

CONTENTS

◆Top
◆Shopping
◆オンラインカジノ
◆アフィリエイトを始めよう！
◆ホームページ作成
◆フリー素材集
◆懸賞情報をチェック
◆Search&Link
◆ホームページ製作
◆Gallery
◆BBS
◆Fishing
◆リンク集
◆Profile
◆ゲームセンター

古本・ブランド・PC等300万商品を激安ショッピング！

サーチ:
Keyword:

簡単ホームページ作成講座

※用語解説のリンクにつきましては、「　ＩＴ用語辞典　e-Words　（株式会社インセプト）」　様の許可を得てリンクしています。下記の検索窓もご利用ください。

　｜INDEX｜１｜２｜３｜４｜５｜６｜７｜８｜

文字の見た目を変えてみよう

　この章では、文字の色や大きさ太さを簡単に変えるタグを紹介します。現在は文字の見た目の変更は、 CSS（Cascading Style sheet：カスケーディングスタイルシート）で定義されています。詳しくは後ほど　CSS　の説明で解説します。

　早速サイズの変更からやってみましょう。

Sample

<HTML>
<HEAD>
<TITLE>文字の大きさ</TITLE>
</HEAD>
<BODY>
<H1>見出しに使うタグ</H1>
<H2>見出しに使うタグ</H2>
<H3>見出しに使うタグ</H3>
<H4>見出しに使うタグ</H4>
<H5>見出しに使うタグ</H5>
<H6>見出しに使うタグ</H6>
サイズで指定 
サイズで指定 
サイズで指定 
サイズで指定 
サイズで指定 
サイズで指定 
サイズで指定 
</BODY>
</HTML>

6.html

<Ｈ>タグと、タグを見てみました。
　<H>タグは数字が小さい方が大きい文字で、自動で改行され、太字になります。見出しに使われるタグです。
　タグは、逆に数字が大きくなるほど大きい文字になります。改行はされません。通常何も指定しないと、の大きさになります。最大は7です。
　<BASEFONT SIZE>を定めて下記のようなサイズ指定も可能です。ベースになるサイズに対して「+」「-」（プラス・マイナス）で指定します。

Sample

<HTML>
<HEAD>
<TITLE>ベースを決める</TITLE>
</HEAD>
<BODY>
<BASEFONT SIZE=4>
ベースは４だよ 
4-3=1だね 
4-2=2だね 
4-1=3だね 
4+1=5だね 
4+2=6だね 
4+3=7だね 
</BODY>
</HTML>

7.html

　文字のサイズを変えるのはこんなタグ達です。

Webページを作るうえで、特殊文字というものがあります。例えば、　< >　半角の括弧等ですが、HTMLファイルをテキストエディタでそのまま書いてしまうと、ブラウザは当然？タグだと思ってしまいます。当然ページには何も表示されない（ブラウザは無効なタグとして処理してしまいます）ということになります。でも、それでは困りますね。さまざまなページを作っていくにあたって、半角の括弧が使えないという事になっていしまいます。このページをみている方は、実際ページに表示されている半角括弧を見ているのですから、当然表示方法がある事は分かっていると思います。次に特殊文字の一覧を表示します。ソースの書き方はアスキーコード（以下　ASCII）と、キーワード（以下　Key）の２種類があります。

文字	ASCII	Key	文字	ASCII	Key
<	-	<	>	-	>
&	-	&	"	-	"
¡	¡	-	¢	¢	-
£	£	-	¤	¤	-
¥	¥	-	¦	¦	-
§	§	-	¨	¨	-
©	©	©	ª	ª	-
«	«	-	¬	¬	-
		-	®	®	®
¯	¯	-	°	°	-
±	±	-	²	²	-
³	³	-	´	´	-
µ	µ	-	¶	¶	-
·	·	-	¸	¸	-
¹	¹	-	º	º	-
»	»	-	¼	¼	-
½	½	-	¾	¾	-
¿	¿	-	À	À	À
Á	Á	Á	Â	Â	Â
Ã	Ã	-	Ä	Ä	Ä
Å	Å	Å	Æ	Æ	Æ
Ç	Ç	Ç	È	È	È
É	É	É	Ê	Ê	Ê
Ë	Ë	Ë	Ì	Ì	Ì
Í	Í	Í	Î	Î	Î
Ï	Ï	Ï	Ð	Ð	Ð
Ñ	Ñ	Ñ	Ò	Ò	Ò
Ó	Ó	Ó	Ô	Ô	Ô
Õ	Õ	Õ	Ö	Ö	Ö
×	×	-	Ø	Ø	&Oalash;
Ù	Ù	Ù	Ú	Ú	Ú
Û	Û	Û	Ü	Ü	Ü
Ý	Ý	Ý	Þ	Þ	-
ß	ß	ß	à	à	à
á	á	á	â	â	â
ã	ã	ã	ä	ä	ä
å	å	å	æ	æ	æ
ç	ç	ç	è	è	è
é	é	é	ê	ê	ê
ë	ë	ë	ì	ì	ì
í	í	í	î	î	î
ï	ï	ï	ð	ð	ð
ñ	ñ	ñ	ò	ò	ò
ó	ó	ó	ô	ô	ô
õ	õ	õ	ö	ö	ö
÷	÷	-	ø	ø	ø
ù	ù	ù	ú	ú	ú
û	û	û	ü	ü	ü
ý	ý	ý	þ	þ	þ
ÿ	ÿ	ÿ

　次は書体を変えてみましょう。


<B>	：	太文字　（Bold）
<I>	：	斜体　（Italic）
<S>	：	抹消　（Strike through）
<TT>	：	等幅　（Tele Type）
<U>	：	下線　（Underline）
<EM>	：	強調　（Emphasis）
<STRONG>	：	より強い強調　（Stronger）

Sample

<HTML>
<HEAD>
<TITLE>書体の変更</TITLE>
</HEAD>
<BODY>

太字です


斜体はアイだよ


<S>取り消し線</S>


<TT>等幅に並びます</TT>


アンダーラインを引きます


強調します。でもただの斜体？


より強く！より太く！

</BODY>
</HTML>

8.html

　如何でしたか？これだけでも結構見た目が変わりますよね？こんなタグもあります。

Sample

<HTML>
<HEAD>
<TITLE>書体を変える…２</TITLE>
</HEAD>
<BODY>

普通の文字に対して上付になる。 
逆にこちらは下付になります。 


簡単に<BIG>大きくしたり</BIG>小さくしたりもできます。

</BODY>
</HTML>

9.html

　書体を指定することもできます。書体と言うのは、Windows ですと MS明朝とか、Mac だと Osaka とか、フォント名とも言いますね。普段あまり気にしないかも知れませんが、結構見た目は変わります。が…機種によって表示が左右されるので注意してください。

Sample

<HTML>
<HEAD>
<TITLE>フォントを指定する</TITLE>
</HEAD>
<BODY>

通常、Windows用とMac用、対で指定します。 
代表的なセットを紹介します。



ゴシック系




ゴシック系等幅




明朝系




ABC abc




ABC abc



ABC abc



ABC abc




ABC abc


</BODY>
</HTML>

10.html

Sample

<BASEFONT>タグを使えば一発でページ全部に適用できます。

<HTML>
<HEAD>
<TITLE>フォントを指定する</TITLE>
</HEAD>
<BODY>
<BASEFONT FACE="ＭＳゴシック, Osaka－等幅">
最初に基本のフォントを決めてしまえば、
ページ全部に適用できます。
</BODY>
</HTML>

11.html

｜INDEX｜１｜２｜３｜４｜５｜６｜７｜８｜