Htyperテキストマークアップ言語、つまりハイパーテキストマークアップ言語
HyperText:ページには、写真、リンク、音楽、プログラムなどの非テキスト要素が含まれていることを意味します。
マークアップ言語:マーク(ラベル)で構成される言語。
Webページ==ブラウザで解析されたHTMLドキュメントは、表示するために使用されます
静的Webページ:xxx.htmlなどの静的リソース
動的Webページ:HTMLコードは、ユーザーリクエストに基づいて開発言語によって動的に生成されます。
以下は、HTMLファイルのツリー構造図です
タグの概念:•一対の角度ブラケットで包まれた単語で構成されています。たとえば、<html> *すべてのタグの単語は数字で始まることはできません。
•タグはケース非感受性です。<html>および<html>。小文字をお勧めします。
•タグは、開始タグ<a>とendタグ</a>の2つの部分に分割されます。 2つのタグの間の部分は、タグ本体と呼ばれます。
•一部のタグ関数は比較的単純です。 1つのタグを使用するだけです。このタグは、自閉症とタグと呼ばれます。たとえば、<br/> <hr /> <input /> <img />
•タグはネストできます。しかし、それらはクロスネストすることはできません。 <a> <b> </a> </b>
タグのプロパティ:•通常、キー価値のペアの形で表示されます。たとえば、name = alex
•プロパティは、開始タグまたは自閉症およびタグにのみ表示できます。
•属性名はすべて小文字です。 *属性値は、name = alexなど、二重引用符または単一引用符で包む必要があります
•属性値と属性名がまったく同じ場合は、属性名を直接記述するだけです。たとえば、readonly
2。ヘッドのメインタグの紹介•<Meta>メタタグの構成:MetaタグにはそれぞれHTTP-Equiv属性と名前属性に2つの属性があります。異なる属性には異なるパラメーター値があり、これらの異なるパラメーター値は異なるWebページ関数を実現します。
1名前属性は、主にWebページを説明するために使用され、対応する属性値はコンテンツです。コンテンツ内のコンテンツは、主に検索エンジンロボットが情報を見つけて情報を分類するために使用されます。
<Meta name = keywordscontent = meta summary、html meta、meta属性、メタジャンプ>
<メタ名=説明content =老人トレーニング機関は老人によって作成されます>
2 HTTP-Equivは、名前が示すように、HTTPのファイルヘッダーと同等です。 Webページのコンテンツを正確かつ正確に表示するのに役立つ便利な情報をブラウザに渡すことができます。対応する属性値はコンテンツです。コンテンツ内のコンテンツは、実際には各パラメーターの変動値です。
<メタhttp-equiv = refresscontent = 2; url = https://www.vevb.com> //
<Meta http-equiv = content-typecontent = text/html; charset = utf8>
<Meta http-equiv = x-ua互換コンテンツ= ie = edge、chrome = 1>
•<title>老人</title>
•<link rel = icon href = http://www.jd.com/favicon.ico>
3。ボディタグ基本タグ:<hn>:nの値範囲は1〜6です。大部分から小さい。タイトルを表すために使用されます。
<p>:段落タグ。パッケージのコンテンツは並んでいます。また、上部と下の内容の間に空白線があります。
<b> <strong>:太字。
<strike>:テキストに正中線を追加します。
<em>:テキストはイタリックになります。
<sup>および<sub>:上隅のマーカーと下隅テーブル。
<br>:ブランドライン。
<hr>:水平線
<p> <span>
ブロックレベルおよびインラインタグ
ブロックレベルタグ:<p> <h1> <table> <ol> <ul> <form> <p>
インラインタグ:<a> <input> <input> <Img> <Sub> <Sup> <TextArea> <Span>
ブロック要素の特性warly常に新しい行で開始します。
②高さ、線の高さ、外縁、内側の縁を制御できます。
widthが設定されていない限り、デフォルトの幅はコンテナの100%です。
④インライン要素やその他のブロック要素に対応できます
インライン要素の特性①およびその他の要素は同じ行にあります。
②高さ、ラインの高さ、外側の縁、内側の縁を変更することはできません。
widthはそのテキストまたは画像の幅であり、変更できません
④インライン要素はテキストまたは他のインライン要素のみに対応できます
ライン内の要素については、次のことに注意してください
幅の設定幅は無効です。
設定の高さは無効で、ラインハイイトを通して設定できます。
マージンのみのマージンのみが有効ですが、上部と下部は無効です。
左右のパディングのみを設定することは有効ですが、上下は無効です。要素の範囲が増加しているが、要素の周りのコンテンツには影響しないことに注意してください。
特殊文字:&lt;&gt;&quot;&copy;&reg;
グラフィックタグ<img>:
SRC:画像を表示するパス。
ALT:画像が正常にロードされていないときのプロンプト。
タイトル:マウスが吊り下げられたときの迅速なメッセージ。
幅:画像の幅
高さ:画像の高さ(幅と高さの2つのプロパティのうちの1つのみが自動的に均等にスケーリングされます。)
ハイパーリンクタグ<a>:
HREF:接続するリソースパスは次のとおりです。href= https://www.vevb.com
ターゲット:_blank:新しいウィンドウでハイパーリンクを開きます。フレーム名:指定されたフレームで接続コンテンツを開きます。
名前:ページのブックマークを定義します。
ジャンプHREFに使用されます:#BookMark名。
リストタグ:<ul>:順序付けられていないリスト
<ol>:注文リスト
<li>:リスト内の各アイテム。
<DL>定義リスト
<dt>リストタイトル
<DD>リストアイテム
テーブルタグ<表>:
国境:テーブルボーダー。
セルパディング:内側のマージン
セルペーシング:マージン。
幅:ピクセルの割合。 (CSSに長さと幅を設定するのが最善です)
<tr>:テーブルロウ
<th>:テーブルヘッドセル
<td>:テーブルデータセル
Rowspan:セルが垂直に及ぶ列の数
colspan:セルが及ぶ列の数(つまり、セルのマージ)
<th>:テーブルヘッダー<tbody>(一般的には使用されていません):テーブルを分割する
form tag <form>
フォームは、データをサーバーに転送するために使用されます。
フォームには、テキストフィールド、チェックボックス、ラジオボックス、送信ボタンなどの入力要素を含めることができます。
フォームには、Textarea、Select、Fieldset、およびラベル要素を含めることもできます。
1。フォームのプロパティHTMLフォームは、さまざまなタイプのユーザー入力を受信するために使用されます。ユーザーがフォームを送信すると、データはサーバーに送信され、ユーザーとWebサーバー間の相互作用が実現します。タグをフォーム、送信するものはすべてそのタグに含まれている必要があります。
アクション:フォームの送信先。一般的に、サーバー上のプログラムを指します。このプログラムは、https://www.sogou.com/webなど、対応する処理に対してフォーム(つまり、フォーム要素値)で送信されたデータを受信します
方法:フォームはPost/Getによって送信されます。デフォルト値はget(envelope)です
取得:1。提出されたキー価値ペア。アドレスバーにURLの後に配置します。 2。比較的悪いセキュリティ。 3.提出されたコンテンツの長さには制限があります。
投稿:1。提出されたキー値ペアはアドレスバーにありません。 2。セキュリティは比較的高くなっています。 3.提出されたコンテンツの長さに理論的な制限はありません。
get/postは、2つの一般的な要求方法です。
2。フォーム要素<inupt>
タイプ:
テキストテキスト入力ボックス
パスワードパスワード入力ボックス
ラジオラジオ選択ボックス
複数の選択ボックスをチェックします
[提出]ボタン
ボタンボタン(JSで使用する必要があります。)ボタンと送信の違いは何ですか?
ファイル送信ファイル:フォームフォームは属性enctype = multipart/form-dataを追加する必要があります
XML/HTMLコードコピーコンテンツにクリップボードに