アイコン_hrタグ

お気に入りアイコン

お気に入りアイコン(ファビコン)を指定する

<link rel="shortcut icon" href="favicon.ico">

　この指定を行うと、オリジナルのファビコン（favicon.ico）を設定できます。このタグは<head>タグに囲まれた部分に記述します。

　※ お気に入りアイコンを使用する場合は、オリジナルのファビコンを作成しておく必要があります。

※ ファビコンのファイル名は "favicon.ico" が標準ですが、ファイル名を変更することも可能です。

※ type属性の値には、使用する画像のMIMEタイプを指定します。
例えば、ファビコンで使用する画像がICO形式で作成されている場合は、以下のように記述します。
type="image/vnd.microsoft.icon"

※ ファビコンで使用する画像は、ICO形式で作成するのが一般的です。Internet Exp. は、この画像形式にしか対応していません。

■お気に入りアイコン - favicon.ico（ファビコン）とは、ブラウザのアドレスバーやお気に入りのリストに表示される、16×16 の小さなアイコンのことです。※ この例は、MS word で作成したページのファビコンです。

■独自の favicon.ico を設定しておくことで、そのページをブックマークした際に、オリジナルの「お気に入りアイコン」が表示されるようになります。

　★ <link>タグの記載位置


<html><head> <title>TAG List Site</title> <link rel="shortcut icon" href=""></head> <body> ： </body></html>		※ <link>タグは、<head>～</head>の間に記述します。

関連するページ

Utilety Page (参考)

：「お気に入りアイコン（ファビコン）の作り方」へ

水平線を引く

(水平線)

水平線を引く

<hr> <hr size="" width="" align=""> <hr noShade> <hr color="">

　<hr>は、ページ内に水平線を引くタグです。少し溝の入った線がページの横幅いっぱいに引かれ、線の前後には改行が入ります。

　<hr>

＊プロパティーを指定しない（<hr>のみを記述した）場合は、太さが２、長さが100％の水平線を引きます。

(水平線)

■水平線のサイズや位置を指定する

　<hr>タグに size=""､width=""､align="" を追加すると､線の太さ､長さ､表示する位置を指定できます。

size=""	線の太さをピクセル数で指定
width=""	線の長さをピクセル数 or パーセントで指定
align=""	線の位置を指定： "left"(左)、"center"(中央)、"right"(右)

※ 何も指定しない場合は、太さは２、長さは100％、表示位置はセンターになります。

これらの属性は、HTML4.01では非推奨とされています。詳細は、「非推奨タグと非推奨属性」のページをご覧下さい。

これらの属性は、スタイルシートで代替えできます。

(水平線)

■水平線の溝を消す

　<hr>タグに noShade を追加すると、溝のない平面的な線になります。

この属性は、HTML4.01では非推奨とされています。詳細は、「非推奨タグと非推奨属性」のページをご覧下さい。

(水平線)

■水平線に色を付ける

　<hr>タグに color="" を追加すると、水平線に色を付けることができます。

color=""

線の色を指定

※ 色の指定は、ハッシュ "#" で始まる６桁のコードか、red や green 、white といったカラーネームで行います。詳細は、「カラーネーム」のページをご覧下さい。

色の指定は、スタイルシートで代替えできます。

　★ 使用例とブラウザでの表示


使用例	<hr size=1>	<hr size=2> （sizeの初期値です）	<hr size=4>
ブラウザ

使用例	<hr width=50>	<hr width=60%>	<hr size=20 width=3> (縦長になります)
ブラウザ

使用例	<hr align="left" width=50%> (左寄せです)	<hr align="center" width=50%> （alignの初期値です）	<hr align="right" width=50%> (右寄せです)
ブラウザ

使用例	<hr noShade size=4> (溝のない平面的な線になります)	<hr color=#0000ff> ("blue"と同じになります)	<hr color="teal"> ("#008080"と同じになります)
ブラウザ