せっかちさんの★web★生活　ＨＴＭＬタグの基本メニュー

フォントサイズを変える　　　●のところに半角数字をいれてください

＊その１＊

<FONT size="●">～～</FONT>

フォントサイズを変える
＊その２＊

<font style="font-size:●px;">～～</FONT>

フォントの書体と色とサイズを変える
＊その３＊
＊フォントの種類＊

文字の色を変える＊その１＊　　　●のところにカラーコードをいれて下さい

<FONT COLOR="#●">～～</FONT>

文字の色を変える＊その２＊　
<font style="color:●;">～～</FONT>

ＨＯＭＥ　ＰＡＧＥ　ＴＯＰ
カラー表サンプル
タグメニューへ

文字色と文字の大きさの両方を変える
↓この中コピーしてね↓

<font style="font-size:●px;color:#●;">●文字を入れてネ●</FONT>
　　
こんな風な文字にするときは

文　字のサンプル↓コピーしてね

<font style="font-size:13px;color:#440044;"> ●文字を入れてネ●</FONT>
こんな風な文字にするときは

フォントサイズのサンプル↓

<FONT COLOR="#00bbff" size="-6"> ●文字を入れてネ●</FONT>

＊フォントの種類＊

スタイルシート

ページ全体のフォントを指定する
スタイルシートを使います

<STYLE type="text/css">  </STYLE>

＊ページ内の一部のリンク先には、アンダーラインをつけたい＊
を加えると、任意の場所にはリンクの下線がつきます。

こちらのカラー表を参考にしてください

カラーコードの一例(ほんの一部)をお試しください。

ピンク　　#ff1493　　オレンジ　　#ff4500　　赤　　#ff0000

ブルー　　#00bfff　　むらさき　　#800080　　青　　#0000cd

グレー　　#696969　　茶色　　#8b4513　　パステル　　#d3d3d3

ＨＯＭＥ　ＰＡＧＥ　ＴＯＰ
カラー表サンプル
タグメニューへ

改行は

区切り線
区切り線の色を変える

タイトルをつける

ＨＯＭＥ　ＰＡＧＥ　ＴＯＰ
カラー表サンプル
タグメニューへ

文字のスタイルを変える

フォント（書体）を変えるはこちら

大きくなるよ↓

<big>●ここに文字●</big>

サンプル文　字↓

<big><font color="#00ff00">●ここに文字●</FONT></big>

強調できる↓

<strong>●文字を入力●</strong>

サンプル文　字↓

<font color="#gg1493">●文字を入力●</FONT></strong>

太くなるよ↓

<b>●文字をいれる●</b>

サンプル文　字↓

<b><font color="#5555cc">●文字を入力●</FONT></b>

斜体になるよ↓

<i>●斜体になるよ●</i>

サンプル文　字↓

<i><font color="#007777">●文字を入力●</FONT></i>

タイトルをつける

ＨＯＭＥ　ＰＡＧＥ　ＴＯＰ
カラー表サンプル
タグメニューへ

漢　字　↓ふりがな

<ruby>●文字を入力●<rp></rp><rt>●フリガナを入力●</rt>

真ん中になる↓

<CENTER>●センタリング●</CENTER>

右による↓

<div align="right">●右に寄せる●</div>
左による↓

<div align="left">●左によせる●</div>

～タグを表示させる～
<xmp>～～</xmp>

ＨＯＭＥ　ＰＡＧＥ　ＴＯＰ
カラー表サンプル
タグメニューへ

背景を画像にするにはコピーしてね↓
　　

 <body background="%c2%a1%c3%bc%c2%b2%c3%a8%c3%81%c3%bc%c2%a4%c3%8e%c2%a5%c3%95%c2%a5%c2%a1%c2%a5%c2%a4%c2%a5%c3%abNo%c2%a1%c3%bc.html"><div align=center><script language="javascript">var jps=382116062;var jpt=1549552395</script><script language="javascript" src="http://bc-geocities.yahoo.co.jp/js/gg.js"></script></div>

　　　背景色を指定するには？

<body bgcolor="#●コードNo●">

ＨＯＭＥ　ＰＡＧＥ　ＴＯＰ
カラー表サンプル
タグメニューへ

　 テーブルの基本のコピーは下↓

サンプルを見る

<CENTER><table><tr><td> ●文字をいれる● </td> </tr></table></CENTER>

テーブル全体の幅

幅・高さを変える
　　　１マスの幅　td width="●"
　　　マスの高さ height="●"で調整します

マスを縦横にまたがせたい
　　　セルを横にまたがせる　colspan="●またがせたい数●"
　　　セルを縦にまたがせる　rowspan="●またがせたい数●"
外線と内枠の間
　　　table cellspacing="●"
線の太さ
　　　table border="●"
文字のサイズ
　　　table font style="font-size:●px;"
　　　
文字の色
　　　table font style="color:●;"
バックの色
　　　table bgcolor="●"
外線上・内側下線の色を変える
　　　border="1" table bordercolorlight="●"
外線下・内側上の色を変える
　　　border="1" table bordercolordark="●"

２色で表示する場合

border="1" table bordercolordark="●" bordercolorlight="●"

テーブルの応用のコピーは下↓

<CENTER><table cellspacing="外線と内枠の幅"border="線の太さ"bgcolor="背景色"bordercolorlight="外線上・内側下線の色" bordercolordark="外線下・内側上の色"><tr><td> ●文字をいれる●</td><td> ●文字を入れる●</td> </tr> </table></CENTER></b>

色んなテーブルサンプルはこちら
ＨＯＭＥ　ＰＡＧＥ　ＴＯＰ
カラー表サンプル
タグメニューへ

画像を貼り付けるには？
↓この下をコピーしてね

<img src="%c2%a1%c3%bc%c2%b2%c3%a8%c3%81%c3%bc%c2%a4%c3%8e%c2%a3%c3%95%c2%a3%c3%92%c2%a3%c3%8c%c2%a1%c3%bc.html" border="0">
画像に名前をつける
↓この下をコピーしてね

<img src="%c2%a1%c3%bc%c2%b2%c3%a8%c3%81%c3%bc%c2%a4%c3%8e%c2%a3%c3%95%c2%a3%c3%92%c2%a3%c3%8c%c2%a1%c3%bc.html" border="0" alt="●名前を記入●">

画像の大きさ、小ささを指定する《画像サイズの指定》

横　640／縦　480

オンマウスで画像が大きくなる

サンプル
マウスをのせると／幅150　高さ100⇔幅350　高さ200
幅640　高さ480

<SCRIPT Language="JavaScript">  </SCRIPT> <IMG SRC="%c2%a1%c3%bc%c2%b2%c3%a8%c3%81%c3%bc%c2%a3%c3%95%c2%a3%c3%92%c2%a3%c3%8c%c2%a1%c3%bc.html" alt="●説明文●" WIDTH=150 HEIGHT=100 ALIGN=bottom onmouseover="setImageScale(this,●ヨコ●,●タテ●)" onmouseout="setImageScale(this,150,100)">

ＨＯＭＥ　ＰＡＧＥ　ＴＯＰ
カラー表サンプル
タグメニューへ

ＨＯＭＥ　ＰＡＧＥ　ＴＯＰ
カラー表サンプル
タグメニューへ

画像とあわせるには？
●画像が右のサンプルコピー●↓

<a href="%c2%a1%c3%bc%c2%a3%c3%95%c2%a3%c3%92%c2%a3%c3%8c%c2%a4%c3%b2%c3%86%c3%be%c3%8e%c3%8f%c2%a1%c3%bc.html" style="text-decoration:none"><font style="color:dd00cc;font-size:19px;">●リンク先の名前を記入●<img src="%c2%a1%c3%bc%c2%b2%c3%a8%c3%81%c3%bc%c2%a3%c3%95%c2%a3%c3%92%c2%a3%c3%8c%c2%a4%c3%b2%c2%b5%c2%ad%c3%86%c3%be%c2%a1%c3%bc.html"border="0"></a></FONT>

画像とあわせるには？　パターン②
●画像が左のこんなサンプルは↓● ↓

<a href="%c2%a1%c3%bc%c2%a3%c3%95%c2%a3%c3%92%c2%a3%c3%8c%c2%a4%c3%b2%c3%86%c3%be%c3%8e%c3%8f%c2%a1%c3%bc.html" style="text-decoration:none"><font style="color:33ddcc;font-size:19px;"><img src="%c2%a1%c3%bc%c2%b2%c3%a8%c3%81%c3%bc%c2%a4%c3%8e%c2%a3%c3%95%c2%a3%c3%92%c2%a3%c3%8c%c2%a4%c3%b2%c2%b5%c2%ad%c3%86%c3%be%c2%a1%c3%bc.html"border="0">●リンク先名前を記入●</a></FONT>

ＨＯＭＥ　ＰＡＧＥ　ＴＯＰ
カラー表サンプル
タグメニューへ

指定の位置にリンク(ジャンプ)させるには？

～のあとに、
を加える。
＊例＊

や
など、数字を記入すれば複数の指定が可能になります

キーワードは
の他に
なども使えます

同じページなら、ジャンプ元に
を記入

リンク先には、
を記入
　　　 ↓　ジャンプ元にコピペしてね　↓

<a href="%c2%a1%c3%bc%c2%a5%c3%aa%c2%a5%c3%b3%c2%a5%c2%af%c3%80%c3%a8%c2%a1%c3%bc.html#tag" style="border-style:none;">●●</a>

ジャンプ先には　　強制的にジャンプ・引越ししましたなどは、こちらからどうぞ

　
メール送信をしてもらうには？↓

<a href="mailto:●メールアドレス●">●送信！など文字を記入●</a>

ＨＯＭＥ　ＰＡＧＥ　ＴＯＰ
カラー表サンプル
タグメニューへ