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 つのカテゴリ: 基本、組み合わせ、属性、疑似クラス

ブログ    

推薦する

MySQLのlike演算子の詳細

1. はじめに不明な値または部分的に既知の値をフィルタリングする場合は、like 演算子を使用でき...

文字列の GBK および GB2312 エンコードとデコードのフロントエンド実装 (概要)

序文プロジェクトを開発しているときに、かなり厄介な問題に遭遇しました。この製品では、判断のためにブラ...

vue-pdf はオンラインファイルプレビューを実現します

この記事では、参考までに、ファイルのオンラインプレビューを実現するためのvue-pdfの具体的なコー...

異なるデータベースで DROP TABLE を書く方法

異なるデータベースで DROP TABLE を書く方法1.MySQL 存在する場合はテーブルを削除 ...

MySQLのインデックスシステムがB+ツリーを使用する理由の分析

目次1. インデックスとは何ですか? 2. インデックスはなぜ必要なのでしょうか? 3. インデック...

Vueはスライダードラッグ検証機能の全プロセスを実現します

レンダリング 骨組みを定義し、HTMLとCSSを記述するHTML部分 <テンプレート> ...

プライベートレジストリ内の画像を照会または取得する方法

Dockerはプライベートレジストリ内のイメージを照会または取得するために、 docker 検索 1...

js ドラッグ アンド ドロップ テーブルでコンテンツ計算を実現する

この記事の例では、コンテンツの計算を実現するためのjsドラッグアンドドロップテーブルの具体的なコード...

IDEA を使用して Tomcat を設定し、JSP ファイルを作成する方法

idea を使用して JSP ファイルを書き込む前に、jdk 環境 (ここでは説明しません) と対応...

JavaScriptアニメーション関数のカプセル化の詳細な説明

目次1. アニメーション機能の原理2. アニメーション関数のシンプルなカプセル化3. アニメーション...

ブラウザの自動フォーム入力によるウェブページのスタイル損失の原因の分析と解決

バックエンドからフロントエンドまで、なんと悲劇なのでしょう。他の人の CSS を自分の jsp We...

Kubernetes の応用分野の概要

Kubernetes は、アプリケーションの移植性とハイブリッド クラウド/マルチクラウドの展開をサ...

学生情報管理システムを実装するためのJavaScript+HTML

目次1. はじめに2. レンダリング3. コード4. 学生情報管理システムのメインインターフェース1...

Nginx ソースコード調査における nginx 電流制限モジュールの詳細な説明

目次1. 電流制限アルゴリズム2. nginxの基礎知識4. 実戦要約する高並行性システムには、キャ...