Html知識點

番茄西紅柿發布于2019-04-23 13:35 / 1775人閱讀

摘要：和的區別表示只讀，只能用于文本框，不能修改內容，它的值可以隨表單提交給服務器表示該元素不可用，不響應事件，不能修改內容。同時不響應事件。通配選擇器屬性為的元素中，所有的子元素均采用該樣式。表示按照格式規則正常定位。

1、企業應用計算模式主要有：CS模式（客戶端/服務器）和BS模式（瀏覽器/服務器模式）

2、html:超文本標記語言。以標記和子標記描述網頁元素。
　　http：超文本傳輸協議。

3、網頁以*.html作為后綴名。
　　網頁以作為根元素，該元素中包含和兩個子元素。
　　標記一般用于設置網頁標題、設置網頁編碼、書寫或導入樣式、書寫或導入JS等。
　　標記用于描述網頁內容。

4、設置網頁編碼集

5、網頁注釋：
css注釋：/* */
js注釋：//單行 /* */多行

6、標題標記：

~

　　段落標記

　　無序列表：
　　

第一選項

第二選項

　　有序列表：
　　

第一選項

第二選項

7、在網頁中有些符號必須以特殊的符號代替：
　　空格：
　　小于：<
　　大于：>

8、超鏈接
　　href表示需要跳轉的頁面路徑。相對于本網頁而言，如果跳轉頁面和本網頁在同一目錄，則直接寫文件名。
　　如果跳轉頁面在本網頁所在目錄的子目錄下，則書寫為html/aa.html。
　　如果跳轉頁面在本網頁的上級目錄，則書寫為../aa.html。

9、圖片： src屬性鏈接圖片路徑。規則和超鏈接鏈接路徑一樣

10、表格

，表示表頭，表示表格內容。

11、框架網頁iframe：
　　其中src為框架網頁鏈接路徑，name為框架網頁名稱
　　顯示點擊超鏈接時，改變名稱為main的框架網頁內容。

12、塊級元素和內嵌元素：
　　塊級元素定義的文本是換行的，而內嵌元素定義的文本是不換行的。
　　常見的塊級元素包括：div、blockquote、列表元素（dl、ol、ul）、fieldset、form、h1-h6、hr、p、pre、table等。
　　內嵌元素包括：span、a、img、label、所有的表單輸入元素、iframe、object等。

13、表單
：
　　action表示表單提交的服務器URL地址。
　　method表示提交方式。常用的是GET和POST。
　　GET方式會在地址欄顯示提交的表單數據，POST不會顯示相對安全。

14、表單元素：
　　文本框
　　密碼框
　　單選框，當name一致時，可以互斥。提交時，會將選中單選框的value值提交給服務器
　　復選框，提交時，會將選中單選框的value值提交給服務器。
　　隱藏表單，頁面上不顯示，但表單提交時，會將該表單數據提交給服務器。
　　文件表單，可以選擇本地文件
　　
　　下拉框，提交時，會將選中項option的value值提交給服務器。
　　多行文本框
　　提交按鈕，可以將表單數據提交給服務器
　　重置按鈕，將表單數據還原成初始值
　　圖片按鈕，作用類似于submit。但可以將按鈕做成圖片方式
　　命令按鈕，主要書寫javascript事件

15、id和name的區別：
　　id表示網頁元素在網頁中的唯一標識，不能重復，可以用于任何網頁元素，它的值不會隨表單提交給服務器
　　name一般用于表單元素，可以重復，它的值會隨表單提交給服務器。

16、readonly和disabled的區別：
　　readonly表示只讀，只能用于文本框，不能修改內容，它的值可以隨表單提交給服務器
　　disabled表示該元素不可用，不響應事件，不能修改內容。它的值不能隨表單提交給服務器。

17、CSS層疊樣式表，使用的方式有：
　　外部樣式表：在 href中導入css文件路徑。這種方式重用度好，可以用于多個網頁

　　嵌入式樣式表，可以在本網頁中使用
　　

　　內聯樣式：

只能在當前元素中使用

　　層次的優先級別從大到小依次為：內聯樣式 > 嵌入樣式表 > 外部樣式表

18、CSS選擇器規則：
　　元素選擇器： p{} 表示所有的p標簽均采用該樣式
　　h1,h2{}：表示h1標簽和h2標簽均采該樣式

　　類選擇器： .aa{} 定義類選擇器，通過class="aa"將當前元素應用該選擇器，可以用于多個元素。

　　id選擇器： #mm{} 定義id選擇器，表示id為mm的元素采用該樣式，只能用于一個元素。

　　包含選擇器： div img{} 表示div元素下面所有的img子元素均采用該樣式。

　　通配選擇器： #mydiv *{} 表示id為mydiv下面所有的子元素均采用該樣式。

　　偽類選擇器： #data tr:hover{} 表示id為data的元素下面所有的tr子元素，在鼠標移上去時，采用該樣式。

　　屬性選擇器： input[type=password]{}表示所有input標簽中，type屬性的值為password的元素，采用該樣式。

　　優先級：
　　!important > id > class > element > 偽類 > *

19、在CSS盒模型中，我們可以控制四個不同的分層屬性：
　　內容(content)：元素中的內容。
　　外邊距（Margin）：代表元素外邊的空間，這個控件將元素相互分開。
　　邊框（Border）：位于元素的邊距內和元素的邊框距外之間的可配置的線。
　　內邊距（Padding）：元素內容和元素邊框之間的空間。

　　盒模型均可以用“上右下左”方式設置。如果僅給出兩個或三個值，那么缺失邊的屬性值取與對邊相同的值。

20、margin和padding：
　　margin是和border的距離；padding是內容和border的距離
　　margin是對外的，padding是對內的

　　對于margin:
　　水平盒子的間距為兩個盒子間距的和
　　垂直盒子的間距為兩個盒子間距的較大值

21、盒子的浮動，float:left左漂移，將塊級元素轉化為內嵌元素。clear:left清除左漂移。

22、定位屬性：
　　static靜態定位。表示按照HTML格式規則正常定位：
　　relative相對定位。相對于元素原始位置進行偏移
　　absolute絕對定位，是指某元素將定位在已經定位的父元素框架或瀏覽器窗口本身的左上角絕對位置。
　　fixed固定定位。類似 absolute，不過其包含塊是視窗本身

23、顯示屬性：
　　在css中，有兩個屬性可以控制元素的顯示和隱藏，即display屬性和visibility屬性
　　diplay=none，元素不會占空間
　　visibility=hidden元素會占用空間

向搜索引擎說明你的網頁的關鍵字

高數搜索引擎你的站點的主要內容

設置網頁編碼集

表單：
readonly和disabled的區別

1.readonly表示只讀，只能用于文本框，表示該文本框的內容不可以編輯，
表單提交時，readonly修飾的文本框，可以將值提交服務器。

2.disabled表示不可用。可以用于任何網頁元素，表示該元素不可以使用，不可以編輯。同時不響應事件。
當表單提交時，disabled修飾的表單元素，不能將值提交服務器。

（產生框）,包裹表單。

一起使用。一個框的樣式以及框的線上有個名字,包裹表單。

CSS：
CSS是層疊樣式表（Cascading Style Sheets）的縮寫，它用于定義html元素的顯示形式，是一種格式化網頁內容的技術。

導入CSS的方式：

1.內嵌式

只能針對一個網頁元素書寫樣式。

2.嵌入式

針對與本網頁中的元素有效。一般放在之間。

3.外連接

可以在不同的網頁中，引入樣式表文件，重用度最好。一般也放在之間。

樣式表的層疊：
層次的優先級別從小到大依次為外部樣式表嵌入式樣式表內聯樣式

CSS選擇器：

1.元素選擇器
P{} 所有的p標簽均采用該樣式。
h1,h2{} 所有的h1標簽和h2標簽均采用該樣式。

2.類選擇器
.aa{} 所有加入類class="aa" 屬性的元素均采用該樣式，類選擇器可以用于不同的標記。

3.id選擇器
#myspan{}
id屬性為myspan的元素采用該樣式，由于id不能重復，id選擇只能給一個元素加樣式。

4.包含選擇器
#imgDiv img{}(注意中間有空格)
id屬性為imgDiv的元素中，所有的img元素均采用該樣式。

5.通配選擇器
#myDiv *{}
id屬性為myDiv的元素中，所有的子元素均采用該樣式。

6.偽類選擇器
#data tr：hover｛｝
當鼠標懸停在id為tr的元素上時，該元素采用該樣式。

opacity:透明度設置0-1之間；

input標簽和focus一起使用：得到焦點

7.屬性選擇器
input[type=password] :
focus{

background-color: #cd5c5c;

}

8.CCS優先級

! import >id > class > element>偽類>*

9.CSS盒模型
在盒模型中，我們可以控制四個不同的分層屬性：

1.內容（content）：元素中的內容

2.外邊距（Margin）：代表元素外邊的空間，這個空間將元素相互分開。

3.邊框（Border）：位于元素的邊距內和元素的邊框距外之間的可配置的線。

4.內邊距（Padding）：元素內容和元素邊框之間的空間。
盒模型均可以用 “上右下左” 方式設置。如果僅給出兩個或三個值，那么缺失邊的屬性值取與對邊相同的值。

10.margin屬性：

1.水平盒子的艱巨為兩個盒子的間距為兩個盒子間距的和

2.垂子盒子的間距為兩個盒子間距的較大值
3.margin值可以設置為負值

margin是當前元素和border的距離；padding時內容和border的距離
margin是對外的，padding是對內的。

11.盒子之間的關系：
所謂標準留，就是指在不實用其他與排列和定位相關的特殊CSS規則時，各種元素的排列規則。

1.文本元素按照從上到下、從左到右的格式布局

2.塊級元素按照從上到下依次排列。

3.內嵌元素按照從左到右依次排列。

clear屬性除了可以設置為了left和right之外，還可以設置為both，表示同時清楚左右兩邊的影響。

隱藏內容，不會占用原來的為位置

當內容超出div后設置overflow的值可以設置隱藏或出現滾動條或auto。

12.定位屬性：
是position的值

1."static" 靜態定位。表示按照html格式規則正常定位。

2.“relative” 相對定位。相對于元素原始位置進行偏移。

3.“absolute” 絕對定位，時值某元素將定位在已經定位的父元素框架或瀏覽器窗口本身的左上角絕對位置。

4.“fixed” 固定定位。類似absolute，不過其包含塊時視窗本身。

margin：0 auto
居中顯示

list-style:none
去掉無需列表的圓點

padding-top:5px;
內容到變卡ugnde距離

GPU云服務器云服務器 html的基本知識點 HTML的知識 html前端知識 html基礎知識

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/2069.html

保姆級教程HTML兩萬字筆記大總結【建議收藏】（上篇）

摘要：標簽不區分大小寫，但推薦小寫。標簽可以嵌套，但不能交叉嵌套。標簽也稱為元素。比如行內標簽亦可成行內元素。 ??HTML必備知識詳解?? 第一部分：HTML框架簡介...

paulli3 2021-10-13 09:40 評論0 收藏0
前端開發知識點之 html &css

摘要：聲明允許表現性元素，廢氣元素以及。眾所周知強制屬性就是為禁用圖片時的兼容性作考慮。而正確的遵循標簽的語義，則是保證禁用時的兼容性。這種合并外邊距的方式被稱為折疊，并且因而所結合成的外邊距稱為折疊外邊距。 HTML&CSS 大綱對Web標準的理解、瀏覽器內核差異、兼容性、hack、CSS基本功：布局、盒子模型、選擇器優先級、 HTML5、CSS3、Flexbox doctype 聲...

felix0913 2019-08-30 13:47 評論0 收藏0
前端開發知識點之 html &css

摘要：聲明允許表現性元素，廢氣元素以及。眾所周知強制屬性就是為禁用圖片時的兼容性作考慮。而正確的遵循標簽的語義，則是保證禁用時的兼容性。這種合并外邊距的方式被稱為折疊，并且因而所結合成的外邊距稱為折疊外邊距。 HTML&CSS 大綱對Web標準的理解、瀏覽器內核差異、兼容性、hack、CSS基本功：布局、盒子模型、選擇器優先級、 HTML5、CSS3、Flexbox doctype 聲...

Scliang 2019-08-01 17:48 評論0 收藏0
html5知識點補充—其他元素介紹

摘要：在中，元素得以重新定義，它現在用來顯示不正確或不相關的內容。元素的變化對元素的定義進行了很大的修改。因此，在中，元素代表小打印體，如版權信息條款或許可法律信息。因為是內嵌元素，如果有需要，你可以將它嵌入其他元素中。使用s元素顯示不準確或不相關的內容以前,s元素是特意用來顯示帶刪除線的文字的。在HTML5中，s元素得以重新定義，它現在用來顯示不正確或不相關的內容。這意味著可以使用它...

BigNerdCoding 2019-08-01 14:52 評論0 收藏0
html部分知識點學習

摘要：全部的取值如下關于屬性解釋五元素作用將另一個頁面嵌入到當前頁面中知識點標簽目前已經很少用到。頁面頁面頁面屬性取值空值刷新并返回頂部錨點不會刷新頁面，不發起請求，點了沒反應。一、什么是空標簽沒有閉合的標簽稱為空標簽。一個空元素（empty element）可能是 HTML，SVG，或者 MathML 里的一個不可能存在子節點（例如內嵌的元素或者元素內的文本）的element。 ...

libxd 2019-08-02 16:17 評論0 收藏0