HTML知識ポイントの実践経験のまとめ

HTML知識ポイントの実践経験のまとめ
1. 表タグはtable、trは行、tdはセル、cellspacingはセル間の距離、cellpaddingは内側の余白、captionは表のタイトル、colspanは結合された列、rowspanは平行、表のtbodyは
すべてデフォルトです。 tdody を複数追加すると、ページ表示の問題を解決できます。

2. ハイパーリンクメールリンク mailto: [email protected]
3.<input type=”file”>は長い転送に使用できます
4. ラベルにショートカットキーを設定できる
5.iniはシンプルな設定情報の記述であり、xmlは複雑な情報の記述である

6. 正規表現は、文字列を操作するために使用されるルールの一種です。文字列操作を簡素化するために、正規表現は記号で表されます。一般的な操作には、一致が含まれます。
検索: パターン、マッチングオブジェクトカット: 分割
置換: replaceAll
Web クローラー: ネットワークと IO を介してソース ファイルを読み取り、ルールを通じて Web ページ内のルールを満たす正規表現内のグループの意味を取得します。ルールの一部をカプセル化して再利用します。方向参照グループ

7.html は、タグで構成されたハイパーテキスト マークアップ言語です。html 内のデータは、タグ内の属性値を変更することで分割されたデータを操作できるため、タグに分割されています。
HTML コードの範囲を決定します。 <html></html>
この範囲では、中国は 2 つの部分を定義できます。1 つは頭部、もう 1 つは体部です。
タグの機能: データのカプセル化には開始タグと終了タグがありますが、タグによっては機能が 1 つしかないものもあるため、終了タグは必要ありません。仕様ではタグが終了する必要があるため、このようなタグは内部的に終了します。

8. 一般的なタグ <font></font>。
タイトルタグ <h1><h2><h3>
リストタグ: <dl></dl> は両方とも親項目を持ちます: <dt>
下位レベルの項目: <dd>
箇条書きタグ: <ul> は符号なしです
<ol> はシンボルです。両方のリスト項目には、画像タグ <img> を囲む <li> があります。
表タグ: <table> は行で構成され、行はセルで構成されます。表には、表をフォーマットするためのデフォルトの tbody タグがあります。
ハイパーリンクタグ: <a href=” ” > Sinaウェブサイトターゲット
クリックすると、エンジンの対応する解決プログラムが起動し、指定されたホストが検索されます。
ハイパーリンクのもう 1 つの機能は、位置決めマーク フォーム タグです。このタグはサーバーと対話できます。
10 種類あります: テキスト、パスワード、ファイル、チェックボックス、ラジオ、非表示、ボタン、送信、リセット、画像
画像は提出する機能があります

ドロップダウンメニュー:
<選択>
<オプション></オプション>
</選択>
テキストエリア: <textarea> フォームコンポーネントは通常、名前と値の属性を定義する必要があります。

9. フォーム コンポーネントは通常、サーバーに送信する必要があるため、名前と値の属性を定義する必要があります。

10. getとpostの違い
get: 送信されたデータはアドレスバーに表示されます
投稿: データはアドレスバーに表示されません

get: 送信データのサイズはアドレスバーによって制限されます
投稿: 大容量データを送信できます

get: 機密情報には安全ではありません
投稿: 機密情報のセキュリティについて

Get: 送信情報をリクエスト行、つまりHTTPメッセージヘッダーの前にカプセル化します。
post: 送信情報をデータ行、つまりhttpメッセージヘッダーの後の空白行の後にカプセル化します。

フォームを使用するコンポーネントでは、必ずしもフォーム タグを定義する必要はありません。フォーム タグは、データをサーバーに送信する必要がある場合にのみ使用されます。

11. CSS カスケーディング スタイル シートは Web ページ内のスタイルを分離し、CSS は拡張スタイルの再利用性と拡張性を制御するために完全に使用されます。形式: セレクタ
CSSとHTMLコードを組み合わせる4つの方法
1. 各HTMLタグはスタイル属性を使用する
2. ページに同じスタイルのタグが複数ある場合、それらを再利用することができます。
3. 同じタグスタイルを持つページが複数ある場合は、スタイルを別のCSSにカプセル化し、各ページで定義することもできます。
4. HTML経由でヘッドタグにリンクする

12. セレクター:
1.タグセレクター
2.クラスセレクター
3. IDセレクタ

優先度ID>クラス>ラベル拡張セレクター
1関連付けセレクター: タグ内のタグを実際にスタイル設定します
2 つの組み合わせセレクター:
3. 疑似要素セレクター:

13. divとspanの違い
Div: 行レベルの領域
スパン: ブロックレベル領域

<<:  VueにおけるAxios非同期通信の詳細な説明

>>:  CSS セレクタの 4 つのカテゴリ: 基本、組み合わせ、属性、疑似クラス

推薦する

CentOS 7.x のマスターおよびスレーブ DNS サーバーの展開

1. 準備例: 2 台のマシン: 192.168.219.146 (マスター)、192.168.21...

CentOS 7にMySQLをインストールする詳細な手順

CentOS7では、MySQLをインストールすると、MariaDBもデフォルトでインストールされます...

Vue の大容量ファイルアップロードとブレークポイント再開アップロードの実装

目次ファイルアップロードのための2つのソリューションファイルストリーム(フォームデータ)に基づくクラ...

Windows 7 環境での Docker 高速ビルドと Alibaba Cloud コンテナ高速化構成の詳細な説明

前回の Docker に関する記事では、MAC システムでの構築について説明しました。この記事では、...

複合主キーと複数列インデックスに遭遇した場合の MySQL 行ロックの詳細な説明

背景今日、他のプロジェクト チームと協力してシス​​テムのストレス テストを実施しているときに、プロ...

ボタンのタイプが送信として指定されていません。ボタンをクリックしても、指定された URL にジャンプしません。

現在、プロジェクトの要件により、フォームの送信を制御し、送信前にデータを検証および処理するために j...

MySQLが間違ったインデックスを選択する理由と解決策

MySQL では、テーブルに複数のインデックスを指定できますが、ステートメントの実行時に、使用するイ...

JavaScript オブジェクト指向の実践の詳細説明: カプセル化とオブジェクトのドラッグ

目次概要1. DOM要素をアニメーション化する方法2. 現在のブラウザでサポートされている変換互換の...

フォーム要素属性の読み取り専用と無効の使用の比較

1) 適用範囲:読み取り専用:input[type="text"],input[...

Vue で動的に読み込まれたローカル画像を処理する方法

問題を見つける今日は、vue ファイルにローカル画像を導入する際に問題が発生したので、この記事を書き...

Web ページは何ピクセルで設計すればよいでしょうか?

多くのウェブデザイナーは、ウェブページのレイアウトを設計する際に、インターフェースウェブページの幅に...

Ubuntu 18.04 LTSでIPアドレスを設定するための完全な手順

序文Ubuntu 18.04 LTS で IP アドレスを設定する方法は、これまで使用されていた設定...

JSのアンカーリンクをクリックするとスムーズにスクロールし、自由にトップ位置に調整できます。

アンカーリンクをクリックするとスムーズにスクロールし、自由にトップ位置に調整できます。 1. アンカ...