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

推薦する

Reactのようなフレームワークをゼロから作成する

最近、インターネットで「Build your own React」という記事を見ました。著者は、シン...

あなたのウェブサイトはIE8に適していますか?

オリンピック期間中にIE8ベータ2がリリースされ、英語版のリリースに合わせて中国語版も第一波でリリー...

WeChatミニプログラムはどのようにしてユーザー情報とユーザーの電話番号を同時に取得するのか

今日ログインページを書いていたとき、個人情報と携帯電話番号を認証する必要がありましたが、ページにボタ...

角丸四角形の HTML+CSS 実装コード

退屈していたので、突然角丸四角形の実装を思いつきました。しかし、私たちはこの話題についてあまりにも長...

CSS と JS を使用して下線効果を実装する方法の例

この記事では、主に 2 種類の下線の動的効果について説明します。1 つ目は、ホバーすると X 軸が内...

MySQL InnoDB のロック機構の詳細な説明

前面に書かれたデータベースは本質的に共有リソースであるため、同時アクセスのパフォーマンスを最大化する...

macOS での MySQL 8.0.16 のインストールと設定のグラフィック チュートリアル

この記事では、macOSでのMySQL 8.0.16のインストールと設定のチュートリアルを参考までに...

MySQL 8.0.13 zipパッケージのインストール方法について

MySQL 8.0.13 にはデフォルトでデータ フォルダがあります。このフォルダを削除する必要があ...

ブラウザの互換モードでボタン内のテキストが垂直方向に中央揃えにならない問題について簡単に説明します。

XML/HTML コードコンテンツをクリップボードにコピー<ボタンスタイル= "カ...

jsはクリックしてカードを切り替える機能を実現します

この記事の例では、クリックしてカードを切り替える機能を実現するためのjsの具体的なコードを共有してい...

jsはブラウザを閉じるときにアカウントのログアウトを処理します

目次古典的なアプローチ質問その他の質問注意が必要な問題古典的なアプローチご存知のとおり、アカウントの...

JavaScriptの厳密モードが8進数をサポートしていない問題の説明

JavaScript厳密モードが 8 進数をサポートしていないという問題に関して、まず、 Java...

webpackが静的リソースキャッシュを実装する方法

目次導入複数の異なるハッシュを区別するハッシュチャンクハッシュコンテンツハッシュjs キャッシュの実...

jQueryは要素を追加した後に元のイベントが実行されない問題を解決します

まずエラーコードを見てみましょう。 html: <テーブルボーダー="1"...

VirtualBox の仮想ディスク vdi ファイルの容量を拡張する方法 (グラフィック チュートリアル)

VirtualBoxのインストールディレクトリを見つけます。ディレクトリ内には容量を拡張するために...