html的基本標(biāo)簽含義

1、-作者xxxx-日期xxxxhtml的基本標(biāo)簽含義【精品文檔】:表示html文件的起始和終止，標(biāo)簽在首行，標(biāo)簽在最后一行，兩個要一起使用，網(wǎng)頁中其他內(nèi)容都要放在這兩個標(biāo)簽之間。:表示網(wǎng)頁的頭部標(biāo)簽，用來定義文件的頭部信息，與標(biāo)簽一樣，也是成對使用。:表示出文件主體區(qū)，之間是網(wǎng)頁的主題內(nèi)容和其他用于控制文本顯示方式的標(biāo)簽。:網(wǎng)頁標(biāo)題，用于定義瀏覽器窗口標(biāo)題欄上的文本信息，可以是網(wǎng)頁的標(biāo)題名或創(chuàng)作信息等網(wǎng)頁說明信息。:用于顯示水平線，使頁面看起來更整齊明了。:將內(nèi)容以原始格式顯示。:標(biāo)注聯(lián)絡(luò)人姓名、電話、地址等信息。:區(qū)段引用標(biāo)簽。:注釋標(biāo)簽，使用注釋標(biāo)簽的目的是為網(wǎng)頁代碼中不同部分加上說明，方便

2、日后的修改。注釋的內(nèi)容是不會在瀏覽器上顯示出來的，如。:文本段落，可以用align屬性設(shè)置left、center、right 3種對齊方式。:強(qiáng)制換行，沒有結(jié)束標(biāo)簽，在網(wǎng)頁中產(chǎn)生換行效果。:使文字或其他網(wǎng)頁元素居中顯示。:文本或圖片移動顯示，屬性direction用來指示移動方向。、:標(biāo)簽創(chuàng)建無序列表，定義上層項目，、定義下層項目，、和標(biāo)簽一定要放在標(biāo)簽中才能使用。、:標(biāo)簽創(chuàng)建有序列表，標(biāo)簽創(chuàng)建無序列表，、定義下層項目，、標(biāo)簽一定要放在或標(biāo)簽中才能使用。:目錄式列表。:菜單式列表。:i=1,2,.,6,網(wǎng)頁中文本標(biāo)題，顯示最大的字號，顯示最小的字號。:粗字體。:斜字體。:改變字體設(shè)置，有fac

3、e、size、color3個屬性來控制，face設(shè)置字體，size設(shè)置字號，color設(shè)置顏色。:加大字號。:縮小字號。:斜體標(biāo)簽。:建立超鏈接，有href、target、name等重要屬性，其中href屬性為標(biāo)簽必須具備的屬性。l href屬性。設(shè)置目標(biāo)頁面的鏈接地址，可以是絕對地址也可以是相對地址，如果為“#”表示空鏈接。l target屬性。設(shè)置超鏈接的打開方式，共5種：_blank指在新窗口中打開，_parent指在上一級窗口中打開，_self指在同一窗口打開，_top指在瀏覽器的整個窗口中打開，new指在新窗口中打開。l name屬性。創(chuàng)建一個命名錨記，使用命名錨記后，會讓鏈接直接跳

4、轉(zhuǎn)到一個頁面的某一部分。:圖像標(biāo)簽，用于網(wǎng)頁中插入圖像。標(biāo)簽擁有以下屬性。l src屬性。該屬性為標(biāo)簽必須具備的屬性，指存放圖片的具體路徑。l width屬性。圖像的寬度。l height屬性。圖像的高度。l alt屬性。圖像的注釋，也就是代替文字。l align屬性。圖像的對齊屬性，值baseline為基線對齊，值top為頂端對齊，值middle為居中，值bottom為底端對齊，值texttop為文本上方對齊，值absmiddle為絕對居中，值absbottom為絕對底端對齊，值left為左，值right為右。l border屬性。圖像的邊框的寬度，值大于或等于0，以像素（px）為單位。l

5、vspace屬性。圖像的垂直邊距，圖像與頁面或文本之間的垂直邊距。l hspace屬性。圖像的水平邊距。:定義表格區(qū)域。:定義表格標(biāo)題。:定義表格頭部。:定義表格行。:定義單元格。:區(qū)域標(biāo)簽（又稱容器標(biāo)簽），用來作為多種HTML標(biāo)簽的組合的容器，對該區(qū)域塊進(jìn)行操作和設(shè)置，就可以完成對區(qū)域塊中元素的操作和設(shè)置，Div能讓網(wǎng)頁代碼具有很高的可擴(kuò)展性。:文字圖片等簡短內(nèi)容的容器，其意義有點類似Div，但是和Div不一樣的是，span是文本級元素，默認(rèn)不會占整行，可以在一行顯示多個span。span常在段落、列表條目等項目中使用，該標(biāo)簽不能嵌套在其他的封閉級元素中。ptext-indent:2em;表

6、示首行縮進(jìn)兩字符。line-height表示行間距，pline-height:2em;表示行間距（行高）為兩字符。letter-spacing表示字母與字母之間的間距，word-spacing表示英文單詞之間的間距。text-align:center；表示居中對齊，text-align:left;表示居左對齊，text-align:right;表示居右對齊。在CSS中，html中的標(biāo)簽元素大體被分為三種不同的類型：塊狀元素、內(nèi)聯(lián)元素(又叫行內(nèi)元素)和內(nèi)聯(lián)塊狀元素。常用的塊狀元素有：、.、 、常用的內(nèi)聯(lián)元素有：、常用的內(nèi)聯(lián)塊狀元素有：、在html中、 、 和 就是塊級元素。設(shè)置display:b

7、lock就是將元素顯示為塊級元素。將內(nèi)聯(lián)元素a轉(zhuǎn)換為塊狀元素表示為adisplay:block;塊級元素特點：1、每個塊級元素都從新的一行開始，并且其后的元素也另起一行。（真霸道，一個塊級元素獨占一行）2、元素的高度、寬度、行高以及頂和底邊距都可設(shè)置。3、元素寬度在不設(shè)置的情況下，是它本身父容器的100%（和父元素的寬度一致），除非設(shè)定一個寬度。在html中，、 和就是典型的內(nèi)聯(lián)元素（行內(nèi)元素）。塊狀元素也可以通過代碼display:inline將元素設(shè)置為內(nèi)聯(lián)元素。如：div display:inline; 塊狀元素div轉(zhuǎn)換為內(nèi)聯(lián)元素，從而使 div 元素具有內(nèi)聯(lián)元素特點。內(nèi)聯(lián)元素特點：1

8、、和其他元素都在一行上；2、元素的高度、寬度及頂部和底部邊距不可設(shè)置；3、元素的寬度就是它包含的文字或圖片的寬度，不可改變。內(nèi)聯(lián)塊狀元素（inline-block）就是同時具備內(nèi)聯(lián)元素、塊狀元素的特點，代碼display:inline-block就是將元素設(shè)置為內(nèi)聯(lián)塊狀元素。(css2.1新增)，、標(biāo)簽就是這種內(nèi)聯(lián)塊狀標(biāo)簽。內(nèi)聯(lián)塊狀元素特點：1、和其他元素都在一行上；2、元素的高度、寬度、行高以及頂和底邊距都可設(shè)置。border-style（邊框樣式）常見樣式有：dashed（虛線）| dotted（點線）| solid（實線）。border-color（邊框顏色）中的顏色可設(shè)置為十六進(jìn)制顏色

9、，如:border-color:#888;/前面的井號不要忘掉。border-width（邊框?qū)挾龋┲械膶挾纫部梢栽O(shè)置為：thin | medium | thick（但不是很常用），最常還是用象素（px）。只設(shè)置下（上、右、左）邊框的設(shè)置：divborder-bottom:1px solid red;border-top:1px solid red; border-right:1px solid red; border-left:1px solid red;元素內(nèi)容與邊框之間是可以設(shè)置距離的，稱之為“填充”。填充也可分為上、右、下、左(順時針)。如下代碼：divpadding:20px 10p

10、x 15px 30px;如果上、右、下、左的填充都為10px;可以這么寫divpadding:10px;如果上下填充一樣為10px，左右一樣為20px，可以這么寫：divpadding:10px 20px;元素與其它元素之間的距離可以使用邊界（margin）來設(shè)置。邊界也是可分為上、右、下、左。如下代碼：divmargin:20px 10px 15px 30px;如果上右下左的邊界都為10px;可以這么寫：div margin:10px;如果上下邊界一樣為10px，左右一樣為20px，可以這么寫：div margin:10px 20px;總結(jié)一下：padding和margin的區(qū)別，paddi

11、ng在邊框里，margin在邊框外。流動模型第一點，塊狀元素都會在所處的包含元素內(nèi)自上而下按順序垂直延伸分布，因為在默認(rèn)狀態(tài)下，塊狀元素的寬度都為100%。實際上，塊狀元素都會以行的形式占據(jù)位置。第二點，在流動模型下，內(nèi)聯(lián)元素都會在所處的包含元素內(nèi)從左到右水平分布顯示。（內(nèi)聯(lián)元素可不像塊狀元素這么霸道獨占一行）浮動模型任何元素在默認(rèn)情況下是不能浮動的，但可以用 CSS 定義為浮動，如 div、p、table、img 等元素都可以被定義為浮動。（在設(shè)置完邊框數(shù)據(jù)后設(shè)置浮動模型）并排顯示左對齊：float:left;一左一右顯示：#div1float:left; #div2float:right;

12、并排顯示右對齊：float:right;層模型層模型有三種形式：1、絕對定位(position: absolute)2、相對定位(position: relative)3、固定定位(position: fixed)如果想為元素設(shè)置層模型中的絕對定位，需要設(shè)置position:absolute(表示絕對定位)，這條語句的作用將元素從文檔流中拖出來，然后使用left、right、top、bottom屬性相對于其最接近的一個具有定位屬性的父包含塊進(jìn)行絕對定位。如果不存在這樣的包含塊，則相對于body元素，即相對于瀏覽器窗口。如下面代碼可以實現(xiàn)div元素相對于瀏覽器窗口向右移動100px，向下移動50

13、px。div width:200px; height:200px; border:2px red solid; position:absolute; left:100px; top:50px;（要向什么方向移動就輸入多少距離就輸入相反的方向和距離）如果想為元素設(shè)置層模型中的相對定位，需要設(shè)置position:relative（表示相對定位），它通過left、right、top、bottom屬性確定元素在正常文檔流中的偏移位置。相對定位完成的過程是首先按static(float)方式生成一個元素(并且元素像層一樣浮動了起來)，然后相對于以前的位置移動，移動的方向和幅度由left、right、to

14、p、bottom屬性確定，偏移前的位置保留不動。如下代碼實現(xiàn)相對于以前位置向下移動50px，向右移動100px;#div1 width:200px; height:200px; border:2px red solid; position:relative; left:100px; top:50px;Position fixed：表示固定定位，與absolute定位類型類似，但它的相對移動的坐標(biāo)是視圖（屏幕內(nèi)的網(wǎng)頁窗口）本身。由于視圖本身是固定的，它不會隨瀏覽器窗口的滾動條滾動而變化，除非你在屏幕中移動瀏覽器窗口的屏幕位置，或改變?yōu)g覽器窗口的顯示大小，因此固定定位的元素會始終位于瀏覽器窗口內(nèi)視

15、圖的某個位置，不會受文檔流動影響，這與background-attachment:fixed屬性功能相同。（想將層模型固定在什么位置就在Position fixed后加上位置，默認(rèn)是固定在左上角）運(yùn)用position:relative可以相對于其他元素進(jìn)行定位。1、 參照定位的元素必須是相對定位元素的前輩元素2、 參照定位的元素必須加入position:relative;3、 定位元素加入position:absolute，便可以使用top、bottom、left、right來進(jìn)行偏移定位了。行內(nèi)元素怎么進(jìn)行水平居中：如果被設(shè)置元素為文本、圖片等行內(nèi)元素時，水平居中是通過給父元素設(shè)置text-

16、align:center來實現(xiàn)的。(父元素和子元素：如下面的html代碼中，div是“我想要在父容器中水平居中顯示”這個文本的父元素。反之這個文本是div的子元素)當(dāng)被設(shè)置元素為 塊狀元素 時用 text-align：center 就不起作用了。定寬塊狀元素(定寬塊狀元素：塊狀元素的寬度width為固定值) div border:1px solid red;/*為了顯示居中效果明顯為 div 設(shè)置了邊框*/ width:200px;/*定寬*/ margin:20px auto;/* margin-left 與 margin-right 設(shè)置為 auto */ 不定寬度的塊狀元素有三種方法居中

17、（這三種方法目前使用的都很多）：加入 table 標(biāo)簽設(shè)置display: inline方法：與第一種類似，顯示類型設(shè)為 行內(nèi)元素，進(jìn)行不定寬元素的屬性設(shè)置設(shè)置 position:relative和 left:50%：利用相對定位的方式，將元素向左偏移50%，即達(dá)到居中的目的利用table標(biāo)簽的長度自適應(yīng)性-即不定義其長度也不默認(rèn)父元素body的長度（table其長度根據(jù)其內(nèi)文本長度決定），因此可以看做一個定寬度塊元素，然后再利用定寬度塊狀居中的margin的方法，使其水平居中。第一步：為需要設(shè)置的居中的元素外面加入一個 table 標(biāo)簽 ( 包括 、)。第二步：為這個 table 設(shè)置“左右

18、 margin 居中”（這個和定寬塊狀元素的方法一樣）。如下：html代碼： 我是第一行文本 我是第二行文本 我是第三行文本 css代碼：table border:1px solid; margin:0 auto;第二種方法：改變塊級元素的 display 為 inline 類型（設(shè)置為 行內(nèi)元素 顯示），然后使用 text-align:center 來實現(xiàn)居中效果。html代碼： 1 2 3 css代碼：.container text-align:center;/* margin:0;padding:0（消除文本與div邊框之間的間隙）*/.container ul list-style:none; margin:0; padding:0; display:inline;/* margin-right:8px（設(shè)置li文本之間的間隔）*/.container li margin-right:8px; display:inlin