第5章
ハイパーリンク:
キャリアとしてテキストを使用する<a href=“ ”>文字</a>
:キャリアとして画像を使用する:
<a href=“ ”><img src=“ 图像路径 ”/></a>
target属性は、リンクを開くためのターゲットウィンドウを指定するために使用され、
その属性値は次のとおり
です。■_selfデフォルト値
■_blankはリンクされたターゲットを新しいブラウザウィンドウに
ロードします■_parent:リンクされたターゲットを親フレームウィンドウにロードします。
■_top :リンクされたターゲットをブラウザウィンドウ全体にロードして、リンク
アンカー(ブックマーク)リンクを開きます
コード表示の一部:
<a name=“top ” ></a>
……
<p>
<a href=“ #top ”>回到顶端</a>
</p>
基本構文:
(1)同じページでアンカーリンクを使用します。
<a name="锚记名称"></a> <!-- 命名锚记名称-->
<a href="#锚记名称">链接元素内容</a> <!-- 同一页面的锚记链接 -->
(2)異なるページでアンカーリンクを使用します。
<a name="锚记名称"></a> <!-- 命名锚记名称-->
<a href="URL#锚记名称">链接元素内容</a> <!-- 不同页面间锚记链接 -->
<area>
マーカーの一般的に使用される属性は、形状、座標、href、およびターゲットです。
ベースアドレスの定義<base>
ベース要素は、現在のページのすべての相対URLのデフォルトアドレスまたはデフォルトターゲットを指定するために使用されます。
<base>
マークはWebページの<head>
一部にあり、影響を受ける相対URLにはインクルード<a>、<img>、<link>
と<form>
マークが含まれます。
基本構文:
<head>
<base href="url" target="值" />
</head>
第6章:
テーブルについて:
基本的なテーブルフレームワークを確立します。テーブル要素は使いやすく、
フレームワークは次のとおりです。
テーブルの基本的なマークアップ要素:
クロスカラムcolspanの
基本構文を設定します
<td colspan="#">
マージされたセルの左端のセルに設定し、他のセルを削除します#はマージされるセルの数を表します
行間行スパンの
基本構文を設定します
<td rowspan="#">
マージされたセルの左端のセルに設定し、他のセルを削除します。#は、マージされるセルの数を表し、
行と列にマージされたセルを設定します。
<td rowspan="#" colspan="#">
#マージするセルの数を表します
第7章:
フォーム:
フォーム開始マーカー<form>
フォーム終了マーカー</form>
フォームの作成:
基本的な構文
<form name=" " action=" " method=" ">
…
表单控件(如文本框、单选按钮、复选框、列表框、文本区域等)
…
</form>
name:フォームの名前。
アクション:この属性は、フォームデータを処理するプログラムファイルの場所を指定するために使用されます。送信ボタンをクリックすると、フォーム情報がファイルに送信されて処理されます。
method属性は、情報を送信する方法を定義し、値はpostまたはgetであり、デフォルトはgetです。両者の違いは、getメソッドを使用して情報を送信すると、フォーム内の情報が自動的に文字列としてURLに追加されることです。送信されるデータの量は非常に少ないですが、実行効率は比較的高くなります。post方式で情報を送信する場合、入力情報をパッケージ化し、別のファイル(URLに添付されていない)に保存し、サーバーが削除するのを待つ必要があります。この方式では、情報量に制限はありません。
基本的なフォームコントロール
<input>
マークアップ
複数行のテキストボックス<textarea>
選択リスト<select>/<option>/<datalist>
<input>
マーク
このマークは、フォーム内の単一行のテキストボックス、ラジオボタン、チェックボックス、およびその他のフォームコントロールを定義できます。
基本構文:
<form>
…
<input name=" " type=" " />
</form>
入力タグの属性値
テキスト
は1行のテキストボックス
を
表しますパスワードはパスワードボックスを表し、入力された文字は「*」または「•」で表示され、
ラジオ
はラジオボタンを表し、チェックボックスは
チェックボックスを
表し、
送信
は送信ボタンを表し、フォーム情報はクリックするとサーバーに送信されます。
リセット
は再を表しますボタンを設定し、クリック後に入力されたコンテンツをクリアします。
ボタン
はボタンを作成することを意味します。ボタンの特定の機能をプログラムする必要があります。
画像
は、画像タイプの送信ボタンとして使用できる画像フィールドを表します。このとき、タグには、指定に使用される重要な属性srcもあります。ソースイメージドメイン
ファイル
は、テキストと同様のドキュメントドメインの
非
表示の非表示テキストフィールドが、情報の送信に使用されていることを示しています。
(1)テキストボックスとパスワードボックスの
基本構文:
<input type="text|password" name="名称" size="宽度" maxlength="可输入字符数" value="默认值" />
(2)ボタン
基本構文:
<input type=" submit | reset | button " value="按钮上的文字" />
(3)ラジオボタン/ラジオボックス
<input type="radio" name="gender" value="男" checked="checked"/>男
(4)チェックボックス
爱好:
<input type="checkbox" name="checkgroup" value="跳舞" />跳舞
複数行のテキストボックス<textarea>
基本的な構文:
<textarea rows="行数" cols="列数">
这是多行文字框
</textarea>
リスト<select>/<option>/<datalist>
(1)の<select>
基本構文を選択します。
<select size="数字" multiple="multiple">
<option value="列表项的值1">列表项的说明1</option>
<option value="列表项的值2">列表项的说明2</option>
…
</select>
size = "number"は、選択リストウィンドウに表示されるメニュー項目の数を指定します
。multiple= "multiple"追加すると、リスト内の複数の項目を同時に選択できることを意味します。それ以外の場合は、1つしか選択できません
(2)<datalist>
基本構文:
<input type="text" list="要绑定的datalist的id" name="名称" />
<datalist id="列表id">
<option label="列表项的说明1" value="列表项的值1" />
<option label="列表项的说明2" value="列表项的值2" />
…
</datalist>
<input>
一般的に使用されるフォーム入力制御タイプの
type属性値を追加しました。
url
Webアドレス入力ボックス
URLアドレステキストボックスを入力し、パス
電子メールの正当性を確認します
メール入力ボックス
Eメールアドレスのテキストボックスを入力し、入力したテキストがメールボックス形式の
日付であるかどうかを確認します
日付ピッカー
入力日付テキストボックス
番号
入力デジタルテキストボックスのデジタル入力ボックスは、入力された
範囲の値によって提供される場合があります
デジタルスライダースライダーを
ドラッグして、特定の範囲内で数字の
色を変更します
色の値の
検索を入力するためのカラーピッカーテキストボックス
検索入力ボックス
入力検索キーワード操作テキストボックス
tel
電話番号入力ボックス
の電話番号を入力します。
フィールドセットコントロールグループ
<fieldset>
タグは、コンテンツを同じフォームにグループ化するために使用されます。Webページで異なるフォームをグループ化することもできます。この<fieldset>
タグは、このコンテンツグループの周囲に境界線を生成して、フォーム内の複数のコントロールを論理的にグループ化します。それらを1つのコントロールグループにまとめます。
<legend>
マークはマークと組み合わせて使用され、<fieldset>
マーク<legend>
はコントロールグループのタイトルを定義できます。
基本構文:
<fieldset>
<legend>控件组的标题</legend>
……
</fieldset>
<input>
一般的に使用されるパブリック属性
autofocus
はプロパティフォーム要素を所有し、自動的にフォーカスを取得します
requiredは
、入力コンテンツが空であるかどうかを検出するために使用されます
プレースホルダー
デフォルトコンテンツ
ページが初めて読み込まれるときに、プロンプトセンテンス
パターンの
正規表現
が提供され、入力ボックスのコンテンツは、対応する正規表現に従って検証できます。
すぐに完了し、試験は進みました。