まとめ-【ベース】（HTML）_html/css_WEB-ITnose-htmlチュートリアル-php.cn

Html知識ポイント:

1. 開発者向けの推奨される基本的なコンピューター構成

a) すべてのファイルのサフィックス名を表示します*

b) ファイルの配置を詳細情報に変更します、そして名前すべて表示できる必要があります

c) 小さなタスクバーを使用します

d) よく使うツールをタスクバーにロックします

2. ブラウザとサーバー

a) ブラウザとサーバーの間には相互作用があります

b) ブラウザのカーネルは、レンダリングエンジンとも呼ばれます

c) 現在主流のブラウザカーネル:

Trident: IE、Cheetah Browser、360 Browser、Extremely Fast and Secure Browser

Gecko: Firefox

WebKit : Safari

Blink: chrome、opera

参考: http://blog.sina.com.cn/s/blog_6b2fcbbc0102uz1g.html

d) ブラウザとサーバー間の対話要件

以降 i.リクエストメッセージを送信します

ii. サーバーはリクエストメッセージを処理し、レスポンスメッセージを返します

iii. ブラウザはレスポンスメッセージを処理し、上から下まで解析してレンダリングします

参考:

e) 基本サーバーの機能: サーバーは、サービスを引き受け、サービスを保証する能力を持っていなければなりません

f) ブラウザの役割: ブラウザは、Web サイトのサーバーまたはファイルシステム内のファイルを表示し、ユーザーがこれらのファイルと対話できるようにするデバイスですアプリケーションソフトウェア

g) ブラウザーからサーバーに送信されたリクエストメッセージを表示する方法

i. Web ページを右クリックしてレビュー要素を選択し、レビュー要素でネットワークを見つけ、ネットワークでヘッダーを見つけます。ヘッダーで表示リクエストメッセージの特定の情報を表示します

リクエストメッセージの特定の情報を表示します:

http://jingyan.baidu.com/article/bea41d437e65bab4c51be6e5.html

3. リクエストプロトコル (http ハイパーテキスト転送)プロトコル)

a) リクエストプロトコルには、リクエストメッセージ、レスポンスメッセージ、URL が含まれます

b) URL は、プロトコル名、サーバー IP、ポート番号、リクエストされたページに分かれています

4. ファイルサフィックス名と開く方法:

a ) ファイルの接尾辞名を変更します。ファイルの内容は一切変更されません

b) 接尾辞名は、ファイルを開く方法を決定するために使用されます

c) a の開き方を変更する手順特定のサフィックス名: ファイルを右クリックします - プログラムから開く - このようなプログラムがすべてこの方法で開かれていることを選択します - OK

5. HyperText Markup language Html (ハイパーテキストマークアップ言語)

a) Html は、ブラウザ上で動作するマークアップ言語

b) Html の機能はテキストにセマンティックタグを追加することです

c) 構造:

<!DOCTYPE><html><head><meta><title></title></head><body></body></html>

ログイン後にコピー

d) Html 内のすべてのタグは <> で囲まれています;

e) ドキュメント: html, %AF%AD%E4%B9%89/

a) H シリーズタグ

i. 機能: タイトルの形式で特定の段落を表示します

ii. H シリーズタグ。 include { h1, h2, h3, h4, h5, h6 }

iii. h1 タグは 1 ページに 1 つだけあります

b) P タグ (段落タグ)

機能: テキスト行を次のようにします。段落

ii. P タグはデフォルトで行全体を占め、上位コンテンツと下位コンテンツの間に距離があります

c) Hr タグ

i. 機能: ページ上に水平線を表示します

ii. HR タグはデフォルトで行全体を占めます

d) Br タグ

i. 機能: ページ内の改行

e) 強力なタグ

機能: 段落の重要性を強調し、段落のトーンを高めます。段落

f) Ins タグ

i. 機能: テキストに下線を引く

g) Em タグ

i. 機能: 特定の単語またはフレーズの重要性を強調し、段落内のより重要なコンテンツのトーンを強調するために使用されます。段落

h) Del タグ

i. 機能: テキストに取り消し線を追加します

i) No 推奨タグ {b, u, i, s}

j) Img タグ

i. 機能: に画像を表示します。ページ

k) タグ

i. 機能: 他の Web ページへのハイパーリンク

ii. この Web ページ内の特定の位置 (アンカー) へのハイパーリンク

iii. ジャンプしない (#)他の Web ページの特定の位置

v. ダウンロード可能 (非推奨)

7. Sublime与windows中常用的快捷键在这里不一一列举了

　　a) Ctrl+A/Ctrl+S/Ctrl+C/Ctrl+V等

8. 绝对路径与相对路径

　　a) 绝对路径:带有盘符的路径,是相对于计算机来查找文件的

　　b) 相对路径:没有盘符的路径,是相对于当前页面来查找文件的

9. 标签之间的关系

　　a) 嵌套关系:一个标签包裹着另一个标签,那么这两个标签则是嵌套关系

　　b) 并列关系:一个标签与另一个标签是并列的,那么这两个标签则是并列关系

　　c) 在嵌套关系中,要注意标签的缩进,并不是一定要进行缩进,但是缩进会利于对代码的维护

10. Html标签

　　a) 在html中无论同时出现了多少个空格、缩进、换行都默认为一个空格

　　b) 一个完整的网页应该由开始，由结束 (!DOCTYPE是声明文档类型的)

　　c) Html标签也被称为根节点标签

11. Head标签

　　a) Head标签用来存放title,meta,link,style,script,base标签的,其中title是必须要写的标签

　　b) Head中的title标签是为网页添加标题的标签

　　c) Head中的Meta标签是优化页面SEO的,可以设置页面所使用的字符集和页面关键字,页面描述等

　　　　1. Description：可以描述页面，可以用来使用百度程序（网络爬虫）来收录关键信息，以此提高页面的排名。

　　　　2. Keywords：关键词，可以用来提高页。面的关健词的比重（前升排名的一种方式。）

　　　　3. 字符集（编码格式）：

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">Charset（字符集的格式）：UTF-8.

ログイン後にコピー

　　注意：字符集（文字在电脑是存储的字典）：

　　电脑是不能直接存储文字的，一般情况下电脑存储的是这个文字在“字典”里对应的位置。

gb2313---->gbk;

国标2313---->国标扩

　　d) Head中的base标签是设置页面中所有a标签的属性的

　　e) Head中的style标签是设置页面中的css的

　　f) Head中的script标签是用来设置页面中的JavaScript的

　　g) Head中的link标签是用来设置外部文件的

12. Body标签

　　a) Body标签是用来存放所有html标签的

　　b) Body标签是html页面的主体

13. 字符集

　　a) 字符集包括gb2312和UTF-8

　　b) Gbk(国标扩)是gb2312(国标)的扩充

　　c) GBK收录了所有的中文和片假名,并且每个中文占2个字符

　　d) UTF-8收录了世界上所有的语言,并且每个中文占3个字符

　　e) 因此UTF-8的性能要比GBK要好

　　f) 根据网页所面向的国家不同,选择不同的字符集

14. 列表

　　a) 无序列表>标签

　　　　i. 用于表达没有顺序的数据

　　　　ii. 无序列表中的数据用
标签包裹

　　　　iii.
标签中只能包裹
标签

　　b) 有序列表
标签

　　　　i. 用于表达有顺序的数据

　　　　ii. 无序列表中的数据用
标签包裹

　　　　iii.
标签中只能包裹
标签

　　c) 自定义列表

　　　　i. 用于表达自定义的数据,在W3C中是
标签定义了定义列表

　　　　ii. 自定义标签只能包裹
标签和
标签

　　　　iii. Dt是设置列表的子标题的

　　　　iv. Dd是设置列表中的数据的

15. 表格table标签

　　a) 表格标签完整结构

　　　　i.

<table><caption><caption><thead><tr><th></th><th></th></tr></thead><tbody>< tr ><td></td><td></td></tr></tbody><tfoot></tfoot></table>
ログイン後にコピー

　　　　ii. Caption标签是设置表格标题的

　　　　iii. Thead标签是包裹表头的标签和标签

　　　　iv. Tbody标签是包裹表格内容的标签和标签

v. Tr ラベルは行を表し、th ラベルと td ラベルは列を表します

vi. 情報

b) すべてのフォームはフォームタグ内に配置する必要があります c) フォームの種類 i.属性: 入力ボックス

ii. パスワード属性: パスワードボックス

iii. 隠し属性: 隠しフィールド

v. チェックされた属性: デフォルト属性

vi.ボックス

vii. ボタン属性: ボタン

viii. イメージ属性: 画像ボタン
ix. 入力された情報をすべてのフォームにリセット

)、ドロップダウンボックスを作成します

.オプションタグ、ドロップダウンボックスに内容を設定します

タグdivとspan

a) DivはWebページのレイアウトを調整するためにCSSと一緒に使用されます

b) Divタグは排他的な行です

c ) Span タグは、Web ページのレイアウトで div を補助するために使用されます

d) Span タグには幅と高さがありません

e) Span タグの幅と高さは、Span のコンテンツによって決まります

18.

a) Html のコメントはで終わる

b) Html メディアのコメントは重ね合わせることができません

19. 特殊文字

説明

文字コード

スペース

>記号未満<<記号より大きい>&和号&￥人民元¥©著作権©®登録商標 ®°摂氏°±符号±×掛け算符号 ×÷割り算記号 &divde;²square²³cube ³