ソースと同じように表示する（PREタグ）

　<PRE>　この間が見たままの形式で表示される　</PRE>

　コメント（説明文を入れる）

　<!-- この間がコメントになります -->

　段落　　（Pタグ）

　<P>　段落１　</P>

　見出し文字のサイズ　（Hタグ）　

　<H1>見出しサイズ</H1>

　「H1」の部分の数字を１〜６まで変更する．数字が大きくなるほど，文字が小さくなる．

　行揃え（中央，右，左揃え）

　（Pタグ，Hタグなどと組み合わせる）

　<CENTER>　中央揃え　</CENTER>

　　　<P ALIGN = "RIGHT">右揃え</P>

　　　<P VALIGN = "TOP">上揃え</P>

　　　<P VALIGN = "MIDDLE">中央揃え</P> 　　（デフォルト）

　　　<P VALIGN = "BOTTOM">下揃え</P>

　　　<P VALIGN = "BASELINE">１行目をベースラインで揃える</P>
　

　横罫線を引く

　<HR>

　リンクを張る

　< A HREF="map-nagasaki.html" >　Map-Nagasakiへ飛ぶ　</A>

　別ウインドウでリンクを開く

　< A HREF="map-nagasaki.html" TARGET="_blank" >　Map-Nagasakiへ飛ぶ　</A>

　　TARGET="_blank"　を追加する

　画像（map-nagasaki.jpg）を挿入する

　< IMG SRC="map-nagasaki.jpg" >

　文字を動かす
（Internet Explorerのみ）

　　< MARQUEE >県立長崎シーボルト大学へようこそ< /MARQUEE >

　文字が流れる幅を指定することもできます
　　< MARQUEE WIDTH="200" >県立長崎シーボルト大学へようこそ</MARQUEE>

　文字のフォントを指定

　　　<P STYLE = "FONT-FAMILY : ＭＳ　明朝">ＭＳ明朝体です</P>
　　「ＭＳ 明朝」　の部分を変更します．

　パソコンにインストールされているフォントしか正確に表示されないので注意が必要です．　以下のフォントなら，Windowsで共通に使えます．
　・日本語フォント：　「ＭＳ　明朝」，「ＭＳ　Ｐ明朝」，「ＭＳ　ゴシック」，「ＭＳ　Ｐゴシック」　
（入力に注意してください．例えば「ＭＳ　明朝」は　「全角のＭＳ，半角スペース，明朝」と入れます）
　・英語フォント：　「Impact」，「Times　New　Roman」，「Courier　New」
　　　（「Times　New　Roman」や「Courier　New」のスペースは半角です）

　文字サイズ（ポイントで指定）

　　　<P STYLE = "FONT-SIZE : 24PT">２４ポイント文字です</P>

　　　「24PT」の部分の数字を変更します．

　文字のフォントとサイズを両方指定

　　　<P STYLE = "FONT-FAMILY : ＭＳ 明朝 ;FONT-SIZE : 24PT">　ＭＳ明朝体２４ポイント</P>

　文字飾り
　（NORMAL, ITALIC, BOLD）

　　　<P STYLE = "FONT : NORMAL">標準文字です</P>

　　　「NORMAL」の部分を変更する（NORMAL, ITALIC, BOLD が可）．

　下線，取消線，上線
　（UNDERLINE, LINE-THROUGH, OVERLINE が可）

　　　<P STYLE = "TEXT-DECORATION : UNDERLINE"　>下線を引きます</P>

　　　「UNDERLINE」の部分を変更する（NORMAL, LINE-THROUGH, OVERLINE が使えます）．

　表の基本構造

　表は　　　　　　　　<TABLE　border="1" cellspacing="0" >　〜　</TABLE>
　　行（横一行）は　　<TR>　〜　</TR>
　　列（縦一列）は　　<TD>　〜　</TD>

　　<TABLE　border="1" cellspacing="0" >
　　<TR><TD>品名</TD>　　　　<TD>個数</TD>　<TD>単価 </TD></TR>
　　<TR><TD>ｺﾋﾟｰ用紙</TD>　<TD>１</TD>　　　<TD>１００ </TD></TR>
　　<TR><TD>消しｺﾞﾑ</TD>　　<TD>２</TD>　　　<TD>５０ </TD></TR>
　　<TR><TD>クリップ</TD>　　<TD>８</TD>　　　<TD>１５ </TD></TR>
　　</TABLE>
　

品名	個数	単価
ｺﾋﾟｰ用紙	１	１００
消しｺﾞﾑ	２	５０
クリップ	８	１５

　表内のセルのサイズを指定

　　<TR>タグや<TD>タグに，高さ（HIGHT）や幅（WIDTH）を指定する

　　　　<TR HEIGHT="80">　：１行の高さを８０ポイントにする
　　　　<TD WIDTH="100">　：列の幅を１００ポイントにする

　表内での行揃え

　　<TD>タグに，右揃え（ALIGN="RIGHT"），中央揃え（ALIGN="CENTER"），左揃え（ALIGN="LEFT"）を指定する

　　　　<TD ALIGN="LEFT">　　　　：セル内の文字を左揃え
　　　　<TD ALIGN="CENTER">　　：セル内の文字を中央揃え
　　　　<TD ALIGN="RIGHT">　　　：セル内の文字を右揃え
　　　　<TR ALIGN="LEFT">　　　　：１行の全てのセルを左揃えに
　　　　<TR ALIGN="CENTER">　　：１行の全てのセルを中央揃えに
　　　　<TR ALIGN="RIGHT">　　　：１行の全てのセルを右揃えに

　表内の文字の位置（高さ）指定

　　<TD>タグに，上（VALIGN="TOP"），中央（VALIGN="MIDDLE"），下（VALIGN="BOTTOM"）を指定する

　　　　<TD VALIGN="TOP">　　　　　　：セルの上辺に
　　　　<TD VALIGN="MIDDLE">　　　　：セルの中央に
　　　　<TD VALIGN="BOTTOM">　　　：セルの下辺に

　イメージマップ
　（クリッカブルマップ）

　　　<IMG SRC="画像ファイル名" USEMAP="#マップ名">

　　　<MAP NAME="マップ名">

　　　<AREA SHAPE="領域の形" COORDS="領域の座標" HREF="リンク先のファイル名">

　　　</MAP>

�

　　　【領域の座標】　（COORDS= で指定）
　　　　　四角形 (RECTの場合)　：　左上のＸ座標，左上のＹ座標，右下のＸ座標，右下のＹ座標
　　　　　円 (CIRCLEの場合)　　　：　中心のＸ座標，中心のＹ座標，半径
　　　　　多角形 (POLYの場合)　：　１番目の角のＸ座標，１番目の角のＹ座標，２番目の角のＸ座標，２番目の角のＹ座標，・・・

　　　【注意】USEMAP と NAME で指定する ”マップ名” は自分で適当に付けて良い（分かりやすい名前を付ける）．
　　　　USEMAPではマップ名の先頭に # を付ける必要がある．

　　　【例１】ｍａｐ−ｋｙｕｓｈｕ．ｊｐｇ 内の円形領域（１００，１５０，２０）をクリックすると ｍａｐ−ｎａｇａｓａｋｉ．ｈｔｍ を表示する．
　　　<IMG SRC="map-kyushu.jpg" USEMAP="#map-kyushu">
　　　<MAP NAME="map-kyushu">
　　　<AREA SHAPE="CIRCLE" COORDS="100,150,20" HREF="map-nagasaki.htm">
　　　</MAP>

　　　【例２】画像の中３箇所にリンクを張りたい場合
　　　　ｍａｐ−ｋｙｕｓｈｕ．ｊｐｇ 内の
　　　　　　　円形領域（１００，１５０，２０）
　　　　　　　四角形領域（２００，２００，２５０，２５０）
　　　　　　　３角形領域（５０，５０，１００，１００，１０，１００）
　　　　のいずれかをクリックすると ｍａｐ−ｎａｇａｓａｋｉ．ｈｔｍ を表示する．
　　　　　<IMG SRC="map-kyushu.jpg" USEMAP="#map-kyushu">
　　　　　<MAP NAME="map-kyushu">
　　　　　<AREA SHAPE="CIRCLE" COORDS="100,150,20" HREF="map-nagasaki.htm">
　　　　　<AREA SHAPE="RECT" COORDS="200,200,250,250" HREF="map-nagasaki.htm">
　　　　　<AREA SHAPE="POLY" COORDS="50,50,100,100,10,100" HREF="map-nagasaki.htm">
　　　　　</MAP>