HTML總結

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

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

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

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

Html內的標簽一般是成對出現，有開始就有結束

第一個標簽：所有網頁內容都是放在html標簽內 html標簽是網頁是最大的標簽

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

如果需要在網頁內顯示的內容必須放在標簽內

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

第四個標簽：換行標簽：
br是不需要成對出現的標簽

第五個標簽：空格標簽：不需要成對出現的標簽

第六個標簽：分隔線標簽

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

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

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

第二種：16進制表示法：16進制是用0-9 十個數加個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”）

例如：

第七個標簽：文字標簽需要設置效果的文字內容

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

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

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

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

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

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

第八個標簽:字體加粗要加粗的內容要加粗的內容

第九個標簽：字體加斜體要斜體的文字內容

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

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

背景圖片和背景顏色可以同時設置，但是背景圖片優先于背景顏色：

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

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

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

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

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

第十三：居中標簽：

要居中的內容

第十四：段落標簽：

段落內容

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

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

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

當設置寬度或者高度兩者中的其中一個的話，那么圖片會按等比例縮放

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

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

表格：

是表格標簽，有開始就有結束

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

行標簽為列標簽為

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

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

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

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

表格中，所有要顯示的內容必須放在

之中

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

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

容器內

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

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

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

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

提交表單：

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

注意：單選選項可以有多個，但只能選其中一個，它的所有選項是同一組類型，那么它所有選項的name都是一致的！如果要某個選項為默認選項，在input標簽后加上checked

　　3.復選框：格式提交表時要提交到數據庫中的名稱標識” checked >

注意：復選選項可以有多個，同時可以選擇多個，它的所有選項是同一組類型，那么它所有選項的name都是一致的！如果要某個選項為默認選項，在input標簽后加上checked

GPU云服務器云服務器年終總結網絡總結方法總結函數總結

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

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

HTML中的meta標簽常用屬性及其作用總結

摘要：元素父元素屬性中的變化為中新增的，用來聲明字符編碼屬性在中有很多值，在中只有可用具體用途元素出去屬性外，都是屬性或屬性結合來使用指定名值對定義元數據屬性與屬性結合使用用來表示元數據的類型，表示當前標簽的具體作用屬性用來提供值。文章同步到github 以前沒怎么太注意過meta標簽的作用，只是簡單了解一些常用屬性，現在結合個人了解的進行記錄與總結: 元數據首先需要了解一下元數據(me...

Keven 2019-08-01 17:15 評論0 收藏0
Javascript學習總結 - html5實現定位地理位置

摘要：草案的前身名為，于年被提出，于年被接納，并成立了新的工作團隊。的第一份正式草案已于年月日公布。年月日，萬維網聯盟正式宣布凝結了大量網絡工作者心血的規范已經正式定稿。簡述最近在苦逼學習Javascript，并且是有任務需要去完成的，因此就有一個想法要總結記錄一下自己的學習成果。這次的總結主題是html5實現定位地理位置的任務，結合原生的Javascript實現此功能。 html5 什...

Fundebug 2019-08-19 17:06 評論0 收藏0
Javascript學習總結 - html5實現定位地理位置

摘要：草案的前身名為，于年被提出，于年被接納，并成立了新的工作團隊。的第一份正式草案已于年月日公布。年月日，萬維網聯盟正式宣布凝結了大量網絡工作者心血的規范已經正式定稿。簡述最近在苦逼學習Javascript，并且是有任務需要去完成的，因此就有一個想法要總結記錄一下自己的學習成果。這次的總結主題是html5實現定位地理位置的任務，結合原生的Javascript實現此功能。 html5 什...

layman 2019-08-28 18:23 評論0 收藏0
Javascript學習總結 - html5實現定位地理位置

摘要：草案的前身名為，于年被提出，于年被接納，并成立了新的工作團隊。的第一份正式草案已于年月日公布。年月日，萬維網聯盟正式宣布凝結了大量網絡工作者心血的規范已經正式定稿。簡述最近在苦逼學習Javascript，并且是有任務需要去完成的，因此就有一個想法要總結記錄一下自己的學習成果。這次的總結主題是html5實現定位地理位置的任務，結合原生的Javascript實現此功能。 html5 什...

impig33 2019-08-01 14:57 評論0 收藏0
Javascript學習總結 - html5實現定位地理位置

摘要：草案的前身名為，于年被提出，于年被接納，并成立了新的工作團隊。的第一份正式草案已于年月日公布。年月日，萬維網聯盟正式宣布凝結了大量網絡工作者心血的規范已經正式定稿。簡述最近在苦逼學習Javascript，并且是有任務需要去完成的，因此就有一個想法要總結記錄一下自己的學習成果。這次的總結主題是html5實現定位地理位置的任務，結合原生的Javascript實現此功能。 html5 什...

y1chuan 2019-06-27 11:44 評論0 收藏0