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

推薦する

角度でechartsマップを使用する詳細な説明

目次echartの初期化アプリベースチャートコンポーネントhtml CS app-base-char...

K8Sの5つのコントローラーの紹介と使用

目次k8sのコントローラータイプポッドとコントローラの関係デプロイメント(ステートレスアプリケーショ...

vue の v-bind を理解する

目次1. v-bindの主要ソースコードの分析1. v-bind属性はどこに均一に保存されるか: a...

js の Array.forEach でループを終了する方法の例

目次forEach() メソッドjs の Array.forEach のループから抜け出す方法解決:...

ホワイトボードを踏まないようにするゲームを実装するための HTML+CSS+JS

目次背景1. 思考分析2. ページ構成2.1 HTML レイヤー2.2 CSS レイヤー2.3 JS...

MySQL 完全崩壊: クエリフィルタ条件の詳細な説明

概要実際のビジネス シナリオ アプリケーションでは、ビジネス条件に基づいて対象データを取得およびフィ...

レスポンシブWebデザイン学習(1) - 画面サイズと使用率の決定

最近では、モバイルデバイスがますます普及しており、ユーザーがスマートフォンやタブレットを使用して W...

CSS は、小さな鋭角のチャット ダイアログ ボックスで鋭角の吹き出し効果を実現します。

1. CSS を使用して、小さな尖った角のチャット ダイアログ ボックスと尖った角の吹き出しを描画...

MySQL にテーブルが存在するかどうかを確認し、それを一括で削除する方法

1. インターネットで長時間検索しましたが、判定表が存在するかどうかがわからなかったので、漠然と削除...

MySQL 5.7 の sql_mode のデフォルト値によって生じる落とし穴と解決策

通常のプロジェクト開発中に、MySQL バージョンが 5.6 から 5.7 にアップグレードされた場...

MySQL が my.cnf を読み込む順序の詳細

目次MySQLがmy.cnfを読み込む順序1. mysql.server の起動方法2. mysql...

React+Antdはテーブルの追加、削除、変更の例を実装します

目次テーブル/index.jsテーブル/モデル/index.jsテーブル/モデル/モジュール/bas...

Docker を使用してイメージをローカルにパッケージ化してデプロイする方法

初めてDockerを使用してイメージをローカルにパッケージ化してデプロイするまず、私のラップトップシ...

docker compose を使用して consul クラスタ環境を構築する例

領事の基本概念サーバーモードとクライアントモードサーバー モードとクライアント モードは、consu...

CSS3で実装されたテキストポップアップ効果

成果を達成する実装コードhtml <div>123WORDPRESS.COM</d...