HTMLタグの詳しい説明-htmlチュートリアル-php.cn

--HTMLタグの詳細説明
HTML命令の詳細説明
構造
＜html＞
＜head＞
＜title＞タイトル＜title＞
＜/head＞
＜body＞……ファイルの内容。 ……
＜/body＞
＜/html＞
1. ファイルタイトル
＜title＞....＜/title＞
2. ファイル更新--
【1. 】10秒後に1回自動更新
＜meta http-equiv="refresh" content=10＞
【2】10秒後に自動的に別ファイルにリンク
＜meta http-equiv="refresh" content=10; URL=リンクするファイルのURL">
3. クエリフォーム--
クエリフィールドの前にプロンプトテキストを設定したい場合:

4. デフォルトのベースパス- -＜base＞
＜base href="ファイルが置かれているホストのURL">
レイアウト
1.タイトル文字＜h#＞....＜/h#＞ # =1~6; h1 が最大のフォント、h6 が最小のフォントです
2. フォントの変更 ................................
【1】フォントサイズ..... #=1~7; 数字が大きいほどフォントが大きくなります
【2】フォントを指定します【3】文字色＜font color=#rrggbb＞....＜/font＞ rr：赤色を表します(赤) カラーコード gg: 緑 (グリーン) カラーコード bb: 青のカラーコード
3. 小さなフォントを表示します ....
4. 大きなフォントを表示します ... .. ...＜/big＞
5. 太字フォント＜b＞....＜/b＞
6. 斜体フォント＜i＞....................＜/ i＞
7 . タイプライターフォント .....
8. 結論 .....
9. 取り消し線。 ……＜/strike＞
10. 下付き文字＜sub＞....＜/sub＞
11. 上付き文字＜sup＞。 /sup＞
12. テキストの点滅効果＜blink＞......＜/blink＞
13. 改行＜br＞
14. テキストの配置方向＜ p align="#"> 数値 # 可 left: 表を左揃え (デフォルト値) center: 表を中央に揃え right: 表を右揃え P.S.＜p align="# "" 以降の文字列は別の

が表示されて配置方向が変更されるまで、設定された配置で表示されます。または

ii タグが検出されると、自動的にデフォルトの左揃えに戻ります。。
16. 区切り線＜hr＞
【1】区切り線の太さ＜hr size=points＞
【2】区切り線の幅＜hr size=points またはパーセント＞
【3】区切り線の並び方向＜hr align= "#"> #記号は左揃え可能です：表を左揃え（デフォルト値） center：表を中央に揃えます right：表を右揃えにします
【4】色分割線＜hr color=#rrggbb＞
【5】実線分割線＜hr noshade＞
17. 中央に揃える＜center＞... ....＜/center＞
18. オリジナルスタイルで表示＜pre＞....＜/pre＞
19. コマンドのプロパティ
【1】背景色 -- bgcolor ＜body bgcolor=#rrggbb＞
【2】背景パターン -- 背景＜body background="グラフィックファイル名">
【 3】背景パターンをスクロールしないように設定 -- bgproperties ＜body bgproperties=fixed＞
【4】文書内容のテキストの色 -- text ＜body text=#rrggbb＞
【5】ハイパーリンクのテキストの色 -- link ＜body link=#rrggbb＞
【6】ドキュメントのテキストの色選択中のハイパーリンク -- vlink ＜body vlink=#rrggbb＞
【7】リンクされているハイパーリンクの文字色 -- alink ＜body alink=#rrggbb＞
20. 注意事項＜!--.... .....--＞21. 特殊文字表現
記号

画像
1. 画像を挿入します HTMLタグの詳しい説明
2. フレームを設定します -- border
3. グラフィックサイズを設定します -- widthiiheight 4. グラフィックの上下左右のスペースを設定 -- vspaceiihspace ＜img src="グラフィックファイル名" vspace=スペースポイント数左右の空き点の数＞
5. グラフィックノート＜img src="グラフィックファイル名" alt="HTMLタグの詳しい説明">
6. 画像のプリロード
＜img src="高解像度グラフィックファイル名" lowsrc="低解像度グラフィックファイル名"> P.S. 2 つの画像のグラフィックサイズは同じであることが最適です
7. 画像マップ＜areashape=shape coords=エリア座標リスト href="接続先のURL">
＜エリアshape=shape coords=エリア座標リスト href="接続先のURL">
＜areashape=shape coords=エリア座標リスト href="接続点のURL">
＜エリアshape=shape coords=エリア座標リスト href="接続点のURL"> ＜/map＞
【1】形状の定義 - - 形状
形状 =rect: 長方形形状=円: 円形状=ポリ: 多角形
[2] 領域を定義します -- coords
a 長方形: 4 つの数値を使用する必要があり、最初の 2 つの数値は左上の座標です。角、最後の 2 つの数字は右下角の座標です
例: ＜areashape=rect coords=100,50,200,75 href="URL">
b. 3 つの数字を使用する必要があり、最初の 2 つの数字は必須です。は円の中心の座標、最後の数字は半径の長さです
例：＜areashape=circle coords=85,155,30 href="URL">
c.任意の形状（多角形）：座標を記入してください。形状の各転換点を順番に
例: ＜areashape=poly coords=232,70,285,70,300,90,250,90,200,78 href="URL">
Table
1. テーブル＜table＞を定義します。 ……＜/table＞
【1】設定枠線の太さ -- border
＜table border=points＞
【2】グリッドの幅を設定 -- cellpacing
＜table cellpacing=points＞
【3】データとグリッドの距離を設定 -- cellpadding
＜ table cellpadding=points＞
【4】テーブルの幅を調整 -- width
＜table width=points またはpercent＞
【5】テーブルの高さを調整 - - 高さ
＜表の高さ=ポイントまたはパーセンテージ＞
【6】表の背景色を設定 -- bgcolor
＜table bgcolor=#rrggbb＞
【7】表の枠線の色を設定 -- bordercolor
＜table bordercolor=#rrggbb＞
2. グリッド線の表示＜表の枠線＞
3. 表のタイトル
＜キャプション＞......................................＜/caption＞
表のタイトル位置-- align
＜caption align="#"> 数値 # は、表の上に配置されます (デフォルト値)
下: 表のタイトルは表の下に配置されます
列を定義します

4. 5. フィールドの定義 «1» : 左揃え
«2» : 中央揃え ii 太字
【1】横位置 --
# の数値を揃えることができますbe left: 左揃え
center: 中央揃え right: 右揃え
【2】縦位置 -- 揃え＜th align="#" ＞ # 番号は
top: 上揃え middle: 揃え中央に
下：下に揃えます
【3】フィールドの幅 -- width
＜th width=ポイントまたはパーセンテージ＞
【4】フィールドを垂直に結合します -- rowspan
＜th rowspan=結合する列の数＞
【5】列の水平結合 --colspan
＜第colspan=結合する列数＞
List
1.ディレクトリリスト
＜dir＞＜li＞項目1＜li＞項目2＜li＞項目3＜/ dir＞ P.S. ディレクトリリストの各項目は 20 文字 (つまり、漢字 10 文字) を超えることはできません
2. オプションリスト

項目 1 項目 2

項目 3

3. リストシリアル番号付き＜ol＞＜li＞項目 1 ＜li＞項目 2 ＜li＞項目 3 ＜/ol＞
【1】シリアル番号形式 -- type

# 番号は、A: 英大文字 AiiBiiCiiD... がプロジェクト番号として使用されます。 a: 英小文字が使用されます。プロジェクト番号として I: 表ではプロジェクト番号として大文字のローマ数字が使用されます。 i: 表ではプロジェクト番号として小文字のローマ数字が使用されます。 1: 表ではプロジェクト番号としてアラビア数字が使用されます (デフォルト値)。 )
[2] 開始番号 - - start ＜ol start=カウントを開始する順序数＞
【3】番号を指定 -- value ＜li value=指定する順序数＞
4. 連番なしのリスト＜ ul>
項目 1
項目 2
項目 3
【1】箇条書き記号の形式 -- type
- # 番号はディスクでもかまいません：黒点（デフォルト値）円：中空円点四角：黒四角
 【2】元のリスト -- 無地＜ul 無地＞
 【3】リストの配置 -- ワープ《1》リストを縦に並べます＜ul warp = vert＞«2»リストを横に並べます＜ul warp = horiz＞
 5. 定義リスト＜dl＞＜dt＞項目1＜dd＞項目1の説明＜dt＞項目2＜dd＞項目2の説明＜dt＞項目3 ＜dd＞項目 3 説明＜/dl＞
 閉じる配置 -- コンパクト
 追伸このように、
 の内容と
 
 の内容を、のみで区切って同じ行に配置できます。ただし、
 
 の文字列が一定の長さを超えると、コンパクトの効果が失われます。
 フォーム
 1. 基本構造＜form action="データ処理に使用するCGIプログラムのURL" or "mailto:メールのURL" method="get or post"＞…… . . . . . . . . . . ＜/form＞
 2. ファイルフォームを入力
 .. ...... ..... ＜/form＞
 【1】フィールドタイプ -- type ＜input type=#＞数字 # 可能 text: テキスト入力 passWord: パスワード checkbox : 複数選択ボタン radio: Radio button submit: Accept ボタン reverse: リセットボタン image: グラフィックボタン hidden: 隠しフィールド
 【2】フィールド名 -- name P.S. submitⅡreset の場合、名前を設定する必要はありません。 .
 【3】ドキュメントのデフォルト値 -- value ＜input value="Default string">
 【4】フィールドの幅を設定 -- size ＜input size=word 文字数＞
 【5】文字数を制限する入力文字列の最大長 -- maxlength ＜input maxlength=文字数＞
 【6】チェックボックスまたはラジオの初期値をデフォルト -- チェックあり＜input type=checkbox チェックあり＞＜input type =radio チェック済み＞
 【7】チェックボックスまたはラジオの初期値を指定画像のURL -- src ＜input type=image src="画像ファイル名">
 【8】画像とテキストの位置を揃える -- align ＜input type=image align="#"> # 番号は先頭でも構いません: text画像の上部に配置 middle: 画像の中央にテキストを配置 buttom: 画像の下部にテキストを配置
 3. 選択フォーム＜form action="URL" Method="post"> ＜select＞＜option ＞＜オプション＞ …………………… ＜/select＞＜/form＞
 A、 # off可：表に入力した文字列が列幅を超える場合、自動で折り返さない（デフォルト値） virtual：表に入力した文字列幅を超えると自動的に改行されます リンク 1. 他の文書へのリンク＜a href="URL">HTMLタグの詳しい説明または画像＜/a＞2. 文書内の特定の場所へのリンク（外部リンク） 《1》始点 ＜a href="ファイル名#name">..........＜/a＞ 《2》終点<a name="%E5%90%8D%E5%89%8D"> の３つです。フレームのハイパーリンク [1] 新しいブラウザを開いてリンクファイルを表示 -- _blank ＜a href="URL" target=_blank> 【2】現在のフレームのリンクファイルを表示 -- _self ＜a href="URL" target =_self＞ 【3 】リンクファイルを上位階層の分割ウィンドウに表示 -- _parent ＜a href="URL" target=_parent＞ 【4】リンクファイルを全ウィンドウに表示 -- _top ＜a href="URL" target=_top＞ 【 5】リンク先のファイルを特定のウィンドウに表示 --</a><a href="URL" target="特定のウィンドウ名"> FRAME 1. ウィンドウ分割コマンド＜フレームセット＞。 ........＜/frameset＞ 【1】縦（上下）分割 -- 行 ＜frameset rows=#＞ # はポイント数になります。 100、200、300 の 3 つのウィンドウに分割し、 <frameset rows="100,200,300">; <frameset rows="*,500,*"> のように * 記号で表すこともできます。たとえば、【2】水平（左右）分割 --cols＜frameset Cols=points またはパーセント＞ 二Ⅱウィンドウの内容を指定--＜ Frame＞ ＜framesetcols=30%,70%＞＜frame＞＜frame＞＜/frameset＞ 【1】指定したウィンドウのファイル名 -- src＜frame src =HTMLファイル名＞ 【2】定義ウィンドウの名前 -- name ＜frame name=ウィンドウ名＞ 【3】原稿と上下の境界線との距離を設定 -- marginheight ＜frame marginheight=points＞ 【4】原稿と上下の境界線との距離を設定文書と左右の境界線 -- marginwidth ＜frame marginwidth=points＞ 【5】分割ウィンドウのスクロールを設定 -- スクロール ＜frame Screening=#＞数字 # は Yes : 固定スクロールが表示されます no : スクロールが表示されません auto: スクロールが必要なファイルサイズかどうかを自動的に判断します (デフォルト値) 【6】分割ウィンドウのサイズをロック -- noresize ＜frame noresize＞ 以上がHTMLタグの詳しい説明になりますので、どうぞ。その他の関連記事 PHP 中国語 Web サイト (www.php.cn) にも注目してください。 </frameset> </frameset></a>