よく使われるHTMLタグの説明

このページは、森の街タウンでよくある質問の中でも、「家の設定」について解説しています。
なお、このページにおいて「タウン」とは、森の街タウンを表します。

※このページは、タウン公認ではありません。

製作:鱈子
ここにあるもの以外で、載せた方が良いと思われるものは、鱈子までタウン内メールでお知らせください。


【重要】直リンクについて
森の街タウンでは、ほかのサイトの画像などのURLをそのまま家の画像などに使う、いわゆる「直リンク」を禁止しています。
そのため、いったん自分のパソコンに保存してから「森の街タウン専用アップローダー」にアップロードする必要があります。
アップロードの仕方はこちら

リンクのタグ
<a href="リンクしたいページのURL">表示させたい文字</a>

リンク(ハイパーリンク)を指定します。

<a href="リンクしたいページのURL"><img src="表示したい画像のURL" alt="表示したい画像の説明"></a>

リンクを指定します。
こちらはテキストではなく画像でのリンクです。
画像をクリックするとページが変わります。

テキストのタグ <b>太字にしたいテキスト</b>

文字を太字にします。

<strong>強調したいテキスト</strong>

文章を強調したいときに使用します。

<i>斜体にしたいテキスト</i>

文章を斜体で表示したいときに使用します。


<big>大きめのテキスト</big>
<small>小さめのテキスト</small>

テキストを大きくしたり、小さくしたりできます。
これと併せて太字や強調を使用するとよいでしょう。

<font size="文字のサイズを指定" color="色を指定">効果をつけたいテキスト</font>

「size=""」 では、文字のサイズを 1(最小)〜7(最大)までの数値で指定できます。

この他、基準の文字サイズに対して -1、+2 といった感じで、相対的に指定することもできます。

通常、基準の文字サイズは3になるので、
-1を指定すると文字サイズは2 に、
+2 を指定すると文字サイズは5になります。

「color=""」 では、文字の色を指定できます。

色の指定は、ハッシュ( # )で始まる
6桁のカラーコード
か、
redgreen、blackといった
カラーネームで行います。
カラーネームの解説

<marquee>スクロールしたいテキスト</marquee>
<marquee><img src="スクロールしたい画像のURL" alt="画像の説明"></marquee>

文字や画像をスクロールさせます。

埋め込みのためのタグ
<embed src="埋め込みたいもののURL" type="オブジェクトのタイプ">

※音楽の埋め込みについては下の方で解説しています。

音声や動画などのデータを埋め込むことができます。

このほかにも、
「width=""」で幅の指定
「height=""」で高さの指定
「hspace=""」で左右の余白の指定
「vspace=""」で上下の余白の指定

ができます。(上級者向け)

【オブジェクトのタイプについての説明】

1.ファイルの形式2.拡張子(ファイル名の「.」の後につくもの)3.「type="オブジェクトのタイプ"」に入れるもの
テキスト .txt text/plain
HTML .html .htm text/html
XML .xml text/xml
XHTML .xhtml application/xhtml+xml
CSS .css text/css
JavaScript .js text/javascript
VBScript .vbs text/vbscript
CGI .cgi application/x-httpd-cgi
GIF .gif image/gif
JPEG .jpg .jpeg image/jpeg
PNG .png image/png
アイコン .ico image/vnd.microsoft.icon
Flash .swf application/x-shockwave-flash
MPEG .mpg .mpeg video/mpeg
QuickTime .mov .qt video/quicktime
AVI .avi video/x-msvideo
MP3 .mp3 audio/mpeg
MIDI .mid .midi audio/midi
RealAudio .ra audio/vnd.rn-realaudio
WAVE .wav audio/wav
PDF .pdf application/pdf
Word .doc application/msword
Excel .xls application/msexcel

※音楽を埋め込みたい方へ

次のように設定してください。

音楽ファイルが「MP3」の場合
<embed src="埋め込みたいもののURL" type="audio/mpeg" loop="(下で解説)">

音楽ファイルが「MIDI」の場合
<embed src="埋め込みたいもののURL" type="audio/midi" loop="(下で解説)">

※「loop=""」の部分について
trueで無限にループ再生、falseで1回だけ再生、数字を入れるとその数だけ再生

カラーネームの解説

 色の見本  カラーネーム
カラーコードによる記述
 色の見本  カラーネーム
カラーコードによる記述
black
#000000
glay
#808080
silver
#c0c0c0
white
#ffffff
maroon
#800000
red
#ff0000
purple
#800080
fuchsia
#ff00ff
green
#008000
lime
#00ff00
olive
#808000
yellow
#ffff00
navy
#000080
blue
#0000ff
teal
#008080
aqua
#00ffff