html入門知識點有哪些

本文小編為大家詳細介紹“html入門知識點有哪些”，內容詳細，步驟清晰，細節處理妥當，希望這篇“html入門知識點有哪些”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學習新知識吧。

　　一、 html的簡介：

　　1.html是什么

　　html是用來描述網頁的一種語言

　　簡單的縮寫為html，全拼（Hyper Text Markup Lunguage）

　　2.html的書寫結構

　　3.html標簽的結構特點：

　　（1）html標簽是以尖括號包裹關鍵字成對出現的，有開始開始標簽和結束標簽，支持正確的嵌套

　　（2）大部分標簽有屬性，格式，

　　（3）html不區分大小寫

　　二、介紹html中的基本標簽

　　1.文件標簽

　　2.排版樣式

　　1.注釋樣式

　　2.換行標簽

　　3.段落標簽

　　4.水平線標簽

　　屬性：

　　width:長度

　　size:粗度

　　color:顏色

　　aligan:對齊方式

　　尺寸的寫法：

　　像素：px

　　百分比：占副標簽的百分比

　　3.塊標簽

　　行級塊標簽/div+css布局/

　　行內塊標簽

　　4.文字標簽

　　基本文字標簽

　　屬性：color：顏色

　　size：大小

　　face：字體類型

　　標題標簽：

　　5.列表標簽

　　1.無序列表

　　屬性：type：（數字，字母，羅馬數字）

　　start: 數字，代表首項開始位置

　　2.有序列表：

　　屬性：type：（數字，字母，羅馬數字）

　　start: 數字，代表首項開始位置

　　6.圖形列表

　　屬性：

　　scr:圖形地址

　　width：寬度

　　height：高度

　　border：變寬

　　align：對齊方式

　　alt：圖片文字說明

　　7.鏈接標簽

　　跳轉頁面地址：href

　　名稱，錨點：name

　　作用：

　　（1）頁面跳轉，調到外網必須添加協議

　　（2）訪問錨點，回到錨點（頂部，底部，中間）

　　8.表格標簽

　　屬性：

　　border：表格邊框

　　width：表格寬度

　　height：表格高度

　　align：對齊方式

　　bgcolor：背景顏色

　　代表行：

　　代表列：

　　屬性：

　　列合并：colspan

　　行合并：rowspan

　　：相等于列，但內置樣式居中

　　：表頭

　　表格的作用：

　　（1）：簡單的實現一個表格樣式

　　（2）：進行頁面布局

　　示例

　　三。html表單標簽

　　1.form標簽：

　　屬性：

　　name:表單名稱

　　action：提交的路徑地址

　　method：提交方式（post和get）

　　post：提交將數據封裝在請求體中，不限制大小

　　get：將數據加在地址欄的后面，有限制大小

　　2.input標簽：

　　type屬性：

　　：普通的文本輸入框

　　name

　　password：密碼輸入框

　　radio：單選按鈕

　　屬性：

　　name：如果想讓一組單選按鈕互斥，就用指定同意name屬性值，需要加value屬性值；

　　checked：默認被選中

　　：復選框：

　　name：組的概念，需要加value的值

　　：默認被選中

　　：上傳文件的控件

　　：普通按鈕，沒有任何內置的功能

　　：內置功能，點擊會按照action地址提交

　　：重置，點擊會清空之前填寫的內容

　　：圖片按鈕

　　屬性：

　　src：加載圖片

　　alt：圖片的提示文字

　　：隱藏表單

　　3.select標簽

　　屬性：

　　name：表單項的名稱

　　option：可選項（下拉菜單之間的級聯）

　　屬性：value：表單項的值

　　selected：默認被選中

　　4.textarea：文本域標簽

　　屬性：

　　cols：列數

　　rows：行數

　　四。html框架標簽及其他

　　1.框架標簽

　　屬性：

　　rows：按行劃分

　　cols：按列劃分

　　屬性：

　　name：名稱

　　src：加載頁面的地址

　　2.其他標簽：

　　3.特殊字符

　　：空格

　　：大于號

　　：小于號

　　：版權符號

　　：注冊符號

讀到這里，這篇“html入門知識點有哪些”文章已經介紹完畢，想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會，如果想了解更多相關內容的文章，歡迎關注億速云行業資訊頻道。