Hpyer Text Markup Langage

Hpyer Text：超文本語言（文字，圖片，鏈接，音頻，視頻等）

區分：普通文本——Word text（文字，表格，圖片）

Markup：標簽

標簽 屬性=“值” /標簽

一個標簽可以有多個屬性，一個屬性可以有多個值，屬性和屬性之間，值和值之間用空格隔開

Langage：語言

HTML是用各種標簽將超文本內容包起來，然后按照順序來寫

2.文檔流順序：

將瀏覽器窗口自上而下，分成一行一行的。每一行從左到右排列元素

將瀏覽器窗口自上而下，分成一行一行，每一行從左到右排列元素，就叫文檔流順序

3.HTML結構標簽

HTML：總標簽，告訴瀏覽器，這是一個HTML的文檔，一個頁面只能有一個

head：頭部標簽，包含文檔的相關信息，在瀏覽器窗口不顯示，一個頁面只能有一個

body：身體標簽，包含所有超文本內容，在瀏覽器的窗口顯示，一個頁面只能有一個

meta：提供頁面的相關信息，一個頁面可以有多個。 meta/ 閉合方式特殊

title：描述頁面相關內容，一個頁面只能有一個

！DOCTYPE：聲明標簽，告訴瀏覽器該文檔使用的規范符號W3C規范，沒有結束標簽，頁不寫入HTML內部

4.W3C規范：

（1）標簽字母必須要小寫

（2）有開始標簽就要有結束標簽，標簽的閉合方式有兩種。

標簽 /標簽

標簽/

(3)標簽的值一定要用雙引號，如{ 標簽 屬性= 值 /標簽 }

（4）出現的所有符號必須是英文符號

（5）標簽+內容=元素

5.三種CSSyangshi_10628_1.html' target='_blank'>CSS樣式：

CSS（cascading style sheets）層疊樣式表

作用：用于定義HTML內容在瀏覽器內的顯示樣式

（1）內聯式CSS樣式：

p >

（2）嵌入式css樣式

嵌入式CSS樣式必須寫在 style /style 之間。

（3）外部式CSS樣式（.css為擴展名）

外部式CSS寫在 head 內

使用 link 標簽將CSS樣式文件連接到HTML文件內

 link herf= .css rel= stylesheet type= text/css / 

CSS樣式遵循一個重要的原則——就近原則（但還需判斷權值的大小）

6.類選擇器

.類選擇器名稱{CSS樣式代碼；}

eg：

 span 膽小如鼠 /span  span >
7.ID選擇器
ID選擇符的前面是“#”號，而不是類名稱前的“.”
8.類（.）和ID（#）選擇器的區別：
（1）ID選擇器只能在文檔中使用一次，類選擇器可以使用多次
（2）可使用類選擇器次列表方法為一個元素同時設置多個樣式。ID選擇器不可以。
eg：
.stress{color:red;}.size{font-size:25px;} p 到了 span >
上面的代碼的作用是為“三年級”三個字設置文本顏色為紅色并且字號為25px
9.子選擇器
即大于符號 ，用于選擇指定標簽元素的第一代子元素
eg：
.aa li {border:1px solid red;}
類為aa的li元素加入1px紅色實線邊框
10.后代選擇器
.first span {color:red;} p >
即膽小如鼠被填充為紅色
11.子選擇器與后代選擇器的區別：
（1）子選擇器：直接后代—— 
（2）后代選擇器：所有后代——空格
12.通用選擇器（*）
匹配HTML的所有標簽元素
13.分組選擇符(,)
h1,span{color:red;}
14.繼承（CSS樣式）
不僅應用于某個特定的HTML標簽元素，而且應用于其后代。
eg:
p{color:red;} p 我小時候 span 膽小如鼠 /span /p 
我小時候膽小如鼠，字體全部為紅色，包括膽小如鼠。（繼承關系）
15.特殊性：
eg:
p{color:red;}.first{color:green;} p >
注：
p,.first都匹配p標簽的CSS屬性，瀏覽器根據權值來判斷使用哪一種CSS的樣式
（標簽的權值為1；類選擇符的權值為10；ID選擇器的權值為100）
eg:
代碼 權值p{color:red;} 1p span{ color:green;} 1+1=2.warning{ color:white;} 10p span .warning { color:purple;} 1+1+10=12#footer .note p { color:yellow;} 100+10+1=111
16.重要性
CSS樣式設置最高權值——important
eg:
p { color:red !important;}p { color:green;}
則字體為紅色
注：
樣式優先級：
瀏覽器默認樣式 網頁制作者樣式 用戶自己設置的樣式
17.元素分類
HTML中的標簽元素大體被分為三種不同的類型：
（1）塊級元素：——用于搭建框架
每個塊級元素都從新的一行開始，并且其后的元素另起一行。（獨占一行）
元素的高度，寬度，行高以及頂和底邊距都可設置。
元素寬度在不設置的情況下，是它本身父容器的100%，除非設定一個寬度。
eg:
 p p h1 ... h6 ol ul dl table address blockquote form 
（2）內聯元素：——修飾細節
自左向右排列，直到排不下自動換行。寬高無效，隨內容而定。
eg:
 a span br i em strong label q var cite code 
（3）內聯塊級元素—— img , input 
和其他元素都在一行上
元素的高度、寬度、行高及頂和底邊距都不可設置
18.
轉換成塊級元素： a { display:block;}
轉換成內聯元素： a { display:inline;}
轉換成內聯塊級元素： a { display:inline-block;}
【相關推薦】
1. 特別推薦：“php程序員工具箱”V0.1版本下載
2. 免費html在線視頻教程
3. VeVb.com原創html5視頻教程
以上就是分享HTML中18個基礎的概念的詳細內容，html教程        
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。