


HP情報の記述
|
(ソース)
<META NAME="keywords" CONTENT="キーワード1,キーワード2,キーワード3,・・・">
※検索に引っかかるキーワードを設定
<META NAME="description" CONTENT="説明文">
※検索結果に表示されるページの説明
|
|


画像の貼り付け
|
(ソース)
<IMG src=sample.gif>
※「src=*」の*の部分には、その画像がある「場所」を記述する
※ここでは、同じ階層にあるとしているが、ひとつ上の階層にあるときは「src=../sample.gif」、ひとつ下の階層(「img」というフォルダ内)にあるときは、「src=img/sample.gif」と記述する
(表示例)

|
|


文字にリンク
|
(ソース)
<A href=sample.html>文字</A>
※「html」ファイル以外にも、「jpg」「gif」「png」「pdf」などのファイルにリンクすることができる
(表示例)
文字
※補足※
リンクの下線を消す。
<A href=sample.html STYLE=text-decoration:none>文字</A>
(表示例)
文字
|
|


画像ファイルにリンク
|
(ソース)
<A href=sample.html><IMG src=sample.gif></A>
(表示例)

※補足※
リンクの枠の太さ(0にすると消える)。
<A href=sample.html><IMG src=sample.gif BORDER=0></A>
(表示例)

|
|


配置 中央
|
文字や画像に使用することができる。
(ソース)
<CENTER>
文字<BR>
</CENTER>
(表示例)
文字
|
|


配置 右
|
文字や画像に使用することができる。
(ソース)
<DIV align=right>
文字<BR>
</DIV>
(表示例)
文字
|
|






バーの長さ
|
(ソース)
<HR width=50%>
※数字のみの指定「width=500」や、文字と同じように、数字に「px」「pt」をつけて長さを指定することができる
(表示例)
|
|


バーの位置
|
何も指定しなければ、真ん中になる。
左に寄せるときは、「right」の部分を「left」に書き換えればよい。
(ソース)
<HR width=50% align=right>
(表示例)
|
|


バーの色
|
(ソース)
<HR color=#ff0000>
(表示例)※ここでは赤色を指定
|
|




新しいウインドウで表示
|
(ソース)
<A href=sample.html target=_blank>ウィンドウ</A>
(表示例)
ウィンドウ
|
|

|