英語教室
ハイパースーパー
ターゲット ターゲットオブジェクト
参考文献
フレーム枠
エラー エラー
空白
親
自分。
ロードロード
キャンバス
yarnの下にインストールされるツール、http-serverを紹介します。
yarn global add http-server フロントエンドデバッグ用の軽量ローカルサーバーをインストールします。
インストールしたら、ターミナルで http-server -c-1 または hs -c-1 と入力してください。
aタグ
タグの役割は、外部リンク、内部アンカー、電子メール、電話番号にジャンプできます。
href ハイパーリンク+reference スーパーリファレンス
値を取ること：
http：//google.comまたはhttps：//google.comのようなhttpプロトコルでhrefを取ることができますが、httpを追加しないことをお勧めします、//の使用は、ブラウザが自動的にプロトコルを選択することにより、多くの問題を回避することができます。
hrefは/a/b/cやa/b/c、index.htmlや./indexのようなパスを取ることができます。
href は擬似プロトコル mailto:email アドレスを取ります。
hrefは擬似プロトコルを取ることができます tel:携帯電話番号
hrefは擬似プロトコルjavascript:を取ることができます。
内部アンカーには id href=#xxx と書くこともできます。
target 開くターゲット・オブジェクトを制御します。
target:_blank 新しい空白のターゲットページを作成し、リンクを開きます。
target:_top ドキュメントは最上位のウィンドウをロードします。iframeと組み合わせて使用され、iframeでこれを設定すると、現在のページに影響します。
target:_parent ドキュメントは親ウィンドウをロードし、iframeと共に使用された場合、iframeの親ウィンドウに影響します。
target:_self デフォルト値です。
target:Programmer's own value xxx 新しいプログラマ独自のページを作成できます。
target:クリックされた時にiframe上で開かれるiframeの名前
ダウンロード Just get to know it ダウンロードページ
rel = noopner target="_blank "を使用する際にこの属性を設定することで、いくつかのフィッシング行為を防ぐことができます。
iframe
組み込みウィンドウズは、ほとんど使用されていない、少し理解し、必要であれば、ドキュメントを確認してください。
table
テーブルタグは、head、body、footの3つのサブタグを持つtableタグです。
上記の3つを書かないと、ブラウザは自動的にtbodyを設定しますし、3つのサブタグを書けば、順番が違っていても順番通りになります。
table太陽のタグ
trはtable rowの略で、テーブル行を意味します。
thはtable headの略で、テーブルの先頭を意味します。
tdはテーブルデータの略で、テーブルデータのカラムを意味します。
関連スタイル
table-layoutはテーブルのレイアウトを設定します。
border-collapse は近接するセルをマージします。
border-spacing はセル間の距離を制御します。
多くの場合、フォームのデフォルトのスタイルは次のように設定されています。
table{
border-collapse:collapse;
border-spacing:0;
}
img
imageタグの略。
役割：イメージを表示するためにgetリクエストを発行します。
img
alt イメージが表示されていないときに表示
height, width アダプティブに設定する必要があるのは、1つの高さと幅だけです。
srcはsuper refrenceの略語です。 Super refrence イメージのアドレスを記入してください。
イメージ関連イベント
onload イメージ読み込み成功イベント
onerror イメージ読み込み失敗イベント
モバイルに対応したレスポンシブを追加する必要があります max-width:100%。
form
get または post リクエストを送信してページを更新します。
属性
アクション リクエストをどのページに送るかを制御します。
オートコンプリートオートコンプリートは、オンまたはオフの2つの属性があり、ブラウザが自動的に入力タグの名前属性で記述する必要があるユーザーの情報を記入するなどの入力タグは、名前=メールを書くように、ブラウザは、ユーザーの電子メールアドレスを補完するために、この設定に基づいて行われます。
メソッド リクエストが get か post かを制御します。
target aタグのターゲットと同様に、ページを更新します。
inputタグのtype値は
<input type="submit">ボタンと.NETの違い
ボタン内では複数のラベルを使用できますが、送信はできません。
<input type="submit">ボタンのデフォルトのタイプはsubmitで、ローカライズの言語に応じて、値が "submit "でなければなりません。
<input type="checkbox">複数の選択肢 入力に同じ名前を設定することで、これらの複数の選択肢がグループであることをブラウザに知らせることができます。
<input type="radio"> チェックボックス、x-selectを実現するために入力に同じ名前を設定します。
<input type="email"> メール送信
<input type="text"> テキストボックス
<input type="password"> パスワードボックス
<input type="file"> ファイルのアップロードボックス 複数のアップロードのために複数追加する必要があります。
<input type="color"> カラー
<input type="hidden"> 隠し入力、機械入力用。
textareaの複数行テキストセットstyle="resize:none "の幅と高さを設定するためにドラッグすることはできません設定することができます。
<input type="number"> 数値テキストボックス
セレクトボックスとオプションセレクトボックス
イベント：onchange 入力が変更されたとき
onfocus マウスが入力にフォーカスしたとき
onblur マウスが入力から外れるとき。
バリデーター: 例えば、入力必須項目は、送信前にユーザーが入力することができます。
注意事項
入力は通常クリックイベントを必要としません。
フォーム内の入力にはすべて名前が必要です。
submitイベントをトリガーするには、フォームにtype=submitを記述する必要があります。
