タグ一覧 |
分類 |
中分類 |
項目 |
書き方 |
表示 |
主要 |
リンクを張る |
<a href="http://www.kariyushi.net/tsurumi/">HPへ</a> |
HPへ |
画像を表示 |
<IMG SRC="http://image.space.rakuten.co.jp/lg01/45/0000042145/05/img1e6e22ab1bxqog.jpeg" width="240" height="180" alt="大山の桜"> |
|
テキスト |
文字の書式 |
強調(太字) |
<b>○○</b>
<strong>○○</strong> |
○○
○○ |
下線 |
<u>○○</u> |
○○ |
斜体 |
<i>○○</i>
<em>○○</em> |
○○ ○○ |
文字の位置 |
センタリング |
<div align="center">AB</div>
<center>AB</center> |
AB
AB
|
左寄せ |
<div align="left">AB</div> |
AB
|
右寄せ |
<div align="right">AB</div> |
AB
|
|
|
|
文字装飾 |
フォントサイズ |
<font size="1"> |
AB |
文字の色 |
<font color="red">○○</font>
white gray black
blue cyan green lime khaki yellow orange brown red pink
purple violet Aqua
「色一覧」のHP |
AB |
|
|
|
|
見出しの設定 |
基本 |
<h★>~</h★>
★は、1~6
|
AB
ab |
位置の指定 |
<h★ align="★">~</h★>
★="left"、"center"、"right" |
段落の設定 |
|
<p></p> |
|
改行 |
改行する |
<br> |
A B |
改行しない |
<nobr>~</nobr> |
AB |
点滅表示 |
|
<blink>~</blink>
Netscapeのみ |
|
|
|
|
|
文字や画像を動かす |
動きの指定
|
右から左 |
<marquee>○○</marquee> |
|
往復 |
<marquee behavior="alternate">○○</marquee> |
|
|
|
|
サイズの指定 |
マーキーの幅 |
<marquee width="75">○○</marquee>
"ピクセル"または"%" |
|
マーキーの高さ |
<marquee width="10">○○</marquee>
"ピクセル"または"%" |
|
左右の余白 |
<marquee hspace="20">○○</marquee>
"ピクセル" |
|
上下の余白 |
<marquee hspace="20">○○</marquee>
"ピクセル" |
|
|
|
|
|
|
|
|
|
|
|
|
|
リンクを張る |
リンクを張る |
<a href="http://www.kariyushi.net/tsurumi/">沖縄街</a> |
沖縄街 |
新しいページで開く |
<a href="http://www.kariyushi.net/tsurumi/" target="_blank">沖縄街</a> |
沖縄街 |
|
|
|
|
|
|
自動的に他のページに移動 |
<head>
<
meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<
meta http-equiv="refresh" content="5;URL=http://takesanhp.hp.infoseek.co.jp/">
<
title>引っ越し</title>
<
/head> < body> <p>「5秒待っても移動しない場合には、こちらをクリックして下さい <a href="http://takesanhp.hp.infoseek.co.jp/">http://takesanhp.hp.infoseek.co.jp/</a></p> |
|
|
|
|
画像 |
画像を表示 |
<img src="http://takesanhp.hp.infoseek.co.jp/gourmet/SAVE0000.jpg"> |
|
マウスを乗せると大きい画像に |
{未登録} |
|
画像を動かす(画面中を) |
{未登録} |
|
|
|
|
|
|
|
|
|
|
|
|
|
装飾 |
枠で囲む |
枠で囲む |
<P style="border-style:solid ; border-width:3px
; border-color:#0000ff">
<img
src="http://takesanhp.hp.infoseek.co.jp/gourmet/SAVE0000.jpg"> < /P> |
|
|
表を作る |
| <table>
<tr>
<td>1.1</td>
<td>1.2</td>
</tr>
<tr>
<td>2.1</td>
<td>2.2</td>
</tr>
</table> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|