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

推薦する

Vueテクノロジーに基づく再帰コンポーネントの実装方法

説明するこの記事では、Vue テクノロジーに基づいて再帰コンポーネントを実装する方法を紹介します。 ...

CSS3 パッケージ化後にプレフィックスプラグインを自動的に追加する方法の詳細な説明: autoprefixer

vue-cli で構築されたプロジェクト スキャフォールディングでは、すでに autoprefix...

私のCSSアーキテクチャのコンセプト - それは人によって異なり、ベストなものはなく、適切なものだけがある

はじめに<br />私はフロントエンド分野でかなり長い間働いており、CSS分野でも長い間...

MySQL 8.0.11 Mac 用インストール ガイド

MACはmysql8.0をインストールします。具体的な内容は次のとおりです。 1. ダウンロードアド...

VMware、nmap、burpsuite インストール チュートリアル

目次VMware バープスイート1. 仮想マシンイメージとVMwareのインストールと使用2. 仮想...

MySQLの日付と時刻の間隔計算の分析例

この記事では、例を使用して、MySQL の日付と時刻の間隔計算について説明します。ご参考までに、詳細...

コピー&ペーストはパッケージングの敵です

OO、デザイン パターン、および多くのオブジェクト指向の原則について話す前に、まず 1 つのことを習...

HTMLでvueとel​​ement-uiを直接参照する方法

コードは次のようになります。 <!DOCTYPE html> <html> ...

vue+elementuiは、共有箇条書きボックスの追加と変更の完全なコードを実装します。

目次1. 新しいII. 変更element-ui は、Ele.me のフロントエンド チームが開発者...

フロントエンドコンポーネント化の基礎知識を詳しく解説

目次コンポーネントの基本概念オブジェクトとコンポーネントの違い成分属性属性とプロパティ属性:財産:ク...

Vue-router プログラムナビゲーションの 2 つの実装コード

ページをナビゲートする2つの方法宣言型ナビゲーション: リンクをクリックしてナビゲーションを実現する...

クロスオリジン画像リソース権限(CORS 対応画像)

HTML 仕様書では、画像の crossorigin 属性が導入されています。適切なヘッダー情報 ...

CocosCreatorでスワイプした位置にテクスチャを表示する方法

目次1. プロジェクト要件2. 文書の内容3. プロジェクト例4. プロジェクトコード1. プロジェ...

dockerコンテナにvimをインストールするソリューション

目次物語の始まりvimをインストールし、hadoop-hive.envを編集します。不注意で回避しま...