HTML總結(jié)

番茄西紅柿發(fā)布于2019-04-23 13:39 / 2148人閱讀

摘要：宋體是文本標記語言宋體宋體文件的擴展名一般為宋體或者宋體內(nèi)的標簽一般是成對出現(xiàn)，有開始就有結(jié)束宋體第一個標簽宋體所有網(wǎng)頁內(nèi)容都是放在宋體標簽內(nèi)宋體標簽是網(wǎng)頁是最大的標簽宋體第二個標簽在宋體有兩個重要的標簽一

HTML 是文本標記語言（Hyper Text Mark-up Language）

Html文件的擴展名一般為.html或者.htm

Html內(nèi)的標簽一般是成對出現(xiàn)，有開始就有結(jié)束

第一個標簽：所有網(wǎng)頁內(nèi)容都是放在html標簽內(nèi) html標簽是網(wǎng)頁是最大的標簽

第二個標簽：在html有兩個重要的標簽一個叫頭部標簽，一個叫主體標簽：，注意在標簽內(nèi)的所有內(nèi)容一般不會顯示在網(wǎng)頁內(nèi)，主要是給搜索引擎（例如：百度，搜狗，google ,雅虎等等）以及網(wǎng)站設(shè)計人員看的！

如果需要在網(wǎng)頁內(nèi)顯示的內(nèi)容必須放在標簽內(nèi)

第三個標簽：在標簽內(nèi)有一個重要標簽：</span><span style="font-family: 宋體;">網(wǎng)站標題標簽</span><span style="font-family: Times New Roman;">

第四個標簽：換行標簽：
br是不需要成對出現(xiàn)的標簽

第五個標簽：空格標簽：不需要成對出現(xiàn)的標簽

第六個標簽：分隔線標簽

Size=“分隔線的高度”，size最大值不能超過100

Color分隔線顏色，顏色有三種表示法：第一種，顏色的英語單詞：例如：紅red 綠green

蘭blue ,黃色yellow 黑色black 白white 橙色：orange 粉色：pink

第二種：16進制表示法：16進制是用0-9 十個數(shù)加個a-f六個英文字母表示,例如紅色：#ff0000

綠色:#00ff00 蘭色:#0000ff 黃色 #ffff00

第三種：rgb(紅色值，綠色值，蘭色值)r:red G:green b:blue 紅綠蘭稱為三源色，每一個的取值范圍是0-255;例如：紅色rgb(255,0,0) 綠色rgb(0,255,0) 蘭色rgb（0,0,255）

Width有兩種表示法，第一種直接用寬度值：也就是像素（px），但是不需要加單位

第二種表示法：百分比表示法：相對于瀏覽器寬度來定的; 50%

Align:水平對齊方式：有三種對齊方式：第一種默認為居中對齊align=”center” ,第二種居左對齊（align=”left”）,第三種居右對齊（align=”right”）

例如：

第七個標簽：文字標簽需要設(shè)置效果的文字內(nèi)容

Size:文字大小可以設(shè)置范圍：1-7;

Color顏色，顏色有三種表示法：第一種，顏色的英語單詞：例如：紅red 綠green

蘭blue ,黃色yellow 黑色black 白white 橙色：orange 粉色：pink

第二種：16進制表示法：16進制是用0-9 十個數(shù)加個a-f六個英文字母表示,例如紅色：#ff0000

綠色:#00ff00 蘭色:#0000ff 黃色 #ffff00

Face是文字字體，一般設(shè)置的字體要通用的，不能設(shè)置特殊字體，因為某些計算機中不存在你所設(shè)置的字體那么無法顯示效果，會自動轉(zhuǎn)化成宋體顯示！中文網(wǎng)頁字體一般用宋體，現(xiàn)在網(wǎng)頁還有一種字體叫微軟雅黑字體也用的比較多，英文一般用字體arial

第八個標簽:字體加粗要加粗的內(nèi)容要加粗的內(nèi)容

第九個標簽：字體加斜體要斜體的文字內(nèi)容

第十個標簽：字體修飾，下劃線：要加下劃線的文字內(nèi)容刪除線：要加刪除線的文字內(nèi)容上標：要上去文字內(nèi)容下標：要下去文字內(nèi)容

第十一個標簽：背景：背景顏色：bgcolor,如果要給一個網(wǎng)站加背景顏色或背景圖片一般是加在body標簽內(nèi)：背景圖片：background=”要設(shè)置的背景圖片的路徑”,在網(wǎng)頁中背景圖片一般只使用相對路徑，不使用絕對路徑

背景圖片和背景顏色可以同時設(shè)置，但是背景圖片優(yōu)先于背景顏色：

做網(wǎng)頁時要注意的：同一個網(wǎng)站項目應(yīng)該放在同文件夾下，而且在文件夾下一般要創(chuàng)建一個圖片文件夾，將所要用到的圖片都放在該文件夾下，一般取名為images,也有人取名為img

在網(wǎng)頁設(shè)計一般設(shè)置首頁文件名為index 因為index是索引的意思，在一般的服務(wù)器中都設(shè)置了默認首頁為index開頭，所以只要將文件名設(shè)置成index,打開網(wǎng)址時，會自動識別index頁打開網(wǎng)站,也有人命名為default（默認的）

第十二：標題標簽：從h1-h6

字體最大，h6最小,標題標簽同樣可以設(shè)置顏色大小以及字體，那必須在標題標簽內(nèi)加標簽

標題標簽同樣可以設(shè)置水平對齊方式：水平對齊方式有三個值：居中（center）居左（left默認為居左對齊）居右（right）

第十三：居中標簽：

要居中的內(nèi)容

第十四：段落標簽：

段落內(nèi)容

;水平對齊方式有三個值：居中（center）居左（left默認為居左對齊）居右（right）

第十五：圖片標簽：圖片對齊方式 ”>

圖片如果不設(shè)置寬度和高度，那么圖片大小為原始圖片大小，不會縮小也不會放大

當(dāng)設(shè)置寬度或者高度兩者中的其中一個的話，那么圖片會按等比例縮放

如果同時設(shè)置寬度和高度，那么圖片有可能會變形

圖片對齊方式只有兩個值：要么左對齊（left），要么右對齊(right)，沒有居中對齊的參數(shù),圖片對齊方式可以實現(xiàn)圖文混排

表格：

是表格標簽，有開始就有結(jié)束

在表格中，如果要做一個表格，那么首先必須有行，有了行之后必須有列

行標簽為列標簽為

一般在同一個要表格中，每一行中的列數(shù)要保持一致（也就是說每行中的列數(shù)是一樣的）

表格默認是沒有邊框的，如果需要顯示邊框需要加屬性border=”邊框大小”

如果表格中沒有內(nèi)容那么邊框有可能不顯示，如果需要顯示可以加內(nèi)容或者空格

表格可以設(shè)置大小，那么表格中的行和列同樣可以設(shè)大小;如果表格中要設(shè)置列的寬度只需在第一行中的所有列中設(shè)置就行了，如果表格中要設(shè)置行的高度，只需在每一行中的第一列設(shè)置高度就行了（單元格是就一個td）注意：雖然表格可以設(shè)置寬度和高度，但是當(dāng)表格的內(nèi)容超過它寬度和高度時，表格會自動撐大

表格中，所有要顯示的內(nèi)容必須放在

之中

表格就是一種容器：表格中可以插入圖片，文字，表格中也可以插入表格

不管是加入文字圖片還是加入表格所有東西都應(yīng)該放在

容器內(nèi)

表格中內(nèi)容的對齊方式：對齊方式有水平對齊方式：align 分為居中對齊（center）,居右（right）居左（left）默認為居左對齊;垂直對齊方式：valign 居頂對齊（top），居中（middle）居下（bottom）,默認為居中對齊

給表格加背景顏色和背景圖片

給整行加背景將bgcolor寫到tr中給單個單元格加背景寫在td中,給整個表格加背景加在table內(nèi)

表格內(nèi)容與表格邊框之間的間距：Cellpadding ==”要設(shè)置的邊距大小”，單元格之間的間距：cellspacing=“要設(shè)置的單元格間距大小” ;注意：Cellpadding與cellspacing都是加在table標簽內(nèi)的

提交表單：

文本提交框：格式：注意：在同一個表單中name一般是唯一的，不能重復(fù)，name是作為提交表單中數(shù)據(jù)的一個標識，如果重復(fù)了，那么提交的數(shù)據(jù)就會出現(xiàn)混亂：例如：你提交一個姓名和一個性別，假如兩者的name的值都為laoli,那么在后臺提交數(shù)據(jù)時，分不清楚到是laoli是姓名還是性別
單選框：格式提交表時要提交到數(shù)據(jù)庫中的名稱標識” checked>