HTMLタグの詳しい説明

--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. 画像を挿入します
2. フレームを設定します -- border
3. グラフィックサイズを設定します -- widthiiheight 4. グラフィックの上下左右のスペースを設定 -- vspaceiihspace ＜img 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

または
1. # 番号は、A: 英大文字 AiiBiiCiiD... がプロジェクト番号として使用されます。 a: 英小文字が使用されます。プロジェクト番号として I: 表ではプロジェクト番号として大文字のローマ数字が使用されます。 i: 表ではプロジェクト番号として小文字のローマ数字が使用されます。 1: 表ではプロジェクト番号としてアラビア数字が使用されます (デフォルト値)。 )
   [2] 開始番号 - - start ＜ol start=カウントを開始する順序数＞
   【3】番号を指定 -- value ＜li value=指定する順序数＞
   4. 連番なしのリスト ＜ ul>
2. 項目 1
3. 項目 2
4. 項目 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>
     【8】画像とテキストの位置を揃える -- align ＜input type=image align="#"> # 番号は先頭でも構いません: text画像の上部に配置 middle: 画像の中央にテキストを配置 buttom: 画像の下部にテキストを配置
     3. 選択フォーム ＜form action="URL" Method="post"> ＜select＞ ＜option ＞ ＜オプション＞ …………………… ＜/select＞ ＜/form＞
     A、の属性
     【1】フィールド名 -- 名前＜select name="データフィールド名">
     【2】表示する選択肢の数を設定 -- サイズ ＜select size=number＞
     【3】複数の選択肢 -- 複数 ＜複数選択＞
     B, ＜option＞ 属性
     【1】オプションの戻り値を定義 -- value ＜option value="戻り値">
     【2】事前に選択されたオプション -- selected ＜選択されたオプション＞
     4. 複数列入力テキストエリアフォーム ＜フォームアクション="URL" method="post"> ＜textarea＞ ...................... ＜/textarea＞ ＜/form＞
     【1】テキストエリアの変数名 -- name ＜textarea name=変数名＞
     【2】テキスト入力エリアの幅を設定 --cols ＜textareacols=文字数＞
     【3】テキスト入力エリアの高さを設定 --rows ＜textarea rows=列数＞
     【4】 】入力エリアにデフォルトの文字列を設定します＜textarea＞ デフォルトのテキスト＜/textarea＞
     【5】自動で折り返すかどうか --wrap # off可：表に入力した文字列が列幅を超える場合、自動で折り返さない（デフォルト値） virtual：表に入力した文字列幅を超えると自動的に改行されます<br>リンク<br>1. 他の文書へのリンク＜a href="URL">HTMLタグの詳しい説明または画像＜/a＞2. 文書内の特定の場所へのリンク（外部リンク） <br>《1》始点<br> ＜a href="ファイル名#name">..........＜/a＞ <br>《2》終点<a name="%E5%90%8D%E5%89%8D"><br> の３つです。フレームのハイパーリンク <br>[1] 新しいブラウザを開いてリンクファイルを表示 -- _blank ＜a href="URL" target=_blank><br>【2】現在のフレームのリンクファイルを表示 -- _self ＜a href="URL" target =_self＞<br>【3 】リンクファイルを上位階層の分割ウィンドウに表示 -- _parent ＜a href="URL" target=_parent＞<br>【4】リンクファイルを全ウィンドウに表示 -- _top ＜a href="URL" target=_top＞ <br>【 5】リンク先のファイルを特定のウィンドウに表示 --</a><a href="URL" target="特定のウィンドウ名"><br>FRAME<br>1. ウィンドウ分割コマンド＜フレームセット＞。 ........＜/frameset＞ <br>【1】縦（上下）分割 -- 行<br>＜frameset rows=#＞ # はポイント数になります。 100、200、300 の 3 つのウィンドウに分割し、<br><frameset rows="100,200,300">; <frameset rows="*,500,*"> のように * 記号で表すこともできます。たとえば、【2】水平（左右）分割 --cols＜frameset Cols=points または パーセント＞<br>二Ⅱウィンドウの内容を指定--＜ Frame＞<br>＜framesetcols=30%,70%＞＜frame＞＜frame＞＜/frameset＞<br>【1】指定したウィンドウのファイル名 -- src＜frame src =HTMLファイル名＞<br>【2】定義ウィンドウの名前 -- name<br>＜frame name=ウィンドウ名＞ <br>【3】原稿と上下の境界線との距離を設定 -- marginheight<br>＜frame marginheight=points＞ <br>【4】原稿と上下の境界線との距離を設定文書と左右の境界線 -- marginwidth<br>＜frame marginwidth=points＞ <br>【5】分割ウィンドウのスクロールを設定 -- スクロール<br>＜frame Screening=#＞ 数字 # は Yes : 固定スクロールが表示されます <br> no : スクロールが表示されません auto: スクロールが必要なファイルサイズかどうかを自動的に判断します (デフォルト値) <br>【6】分割ウィンドウのサイズをロック -- noresize ＜frame noresize＞<br><br> 以上がHTMLタグの詳しい説明になりますので、どうぞ。その他の関連記事 PHP 中国語 Web サイト (www.php.cn) にも注目してください。 <p></p> <p></p> </frameset> </frameset></a>