簡述概括了HTML 的部分內容,不是很完善,希望能給予你們相對的幫助。
一下文件的整合百度云鏈接:HTML整合筆記
第一章 HTML入門
課時1:HTML初識
1、英文名(Hyper Text Markup Language)超文本標簽語言
對網頁上的內容進行描述
課時2:HTML骨架(記憶方法)
課時3:我的第一個頁面及其標簽簡介
課時4:什么是標簽及其分類
課時5:標簽嵌套和并列關系
如果兩個標簽之間的關系是嵌套關系,子元素最好縮進一個tab鍵的身位(一個tab是4個空格)。如果是并列關系,最好上下對齊。
課時6:簡單小測驗
課時7:開發工具
新手建議,隨便啦,練習階段,能開發前端的,什么工具都行。可以 “百度” 找一下,新生改用哪些前端開發軟件好用就行了。加油!!!么么噠。。本人用的 sublime 開發軟件。
課時8:sublime生成html骨架
課時9:doctype文檔類型
課時10:字符集簡介
第二章 : HTML標簽
課時11:標簽的語義化及標題標簽
2、標題標簽 <h1> ~ <h6>
標題標簽的最高只能設置到 h6 ,成 1~6 的遞減模式
注意:因為h1的標簽最大, 盡量少用。
課時12:段落標簽和水平線標簽
1、段落標簽 <p> </p>
用 <p></p>
段落標簽進行段落的劃分,從而言簡意賅。
2、水平標簽 <hr/>
通過添加 <hr/>
水平標簽,設置水平線,進行內容的分割
注意: 標簽的顯示不一: 有 <p>
開始 </p>
結束的, / 結束時在前
有直接 < hr / >
結束的,/
結束時在后
課時13:課堂案例-新聞頁面
課時14:換行和div span標簽
1、換行 <br/>
2、div
大盒子 span
小盒子 標簽
課時15:文本格式化標簽
課時16:標簽屬性
屬性設置,不分前后順序。
課時17:圖像標簽
img的屬性有 高寬,**width、 height、**文本框 border 等。。。。
Title: 點擊相應的圖片時,出現圖片的說明顯示
Alt: 圖片加載不成功,及未放圖片的說明
課時18:鏈接標簽
Href屬性為鏈接的地址
Target屬性為新建打開網頁窗口
課時19:錨點定位
課時20:base標簽
課時21:特殊字符
特殊字符對應查詢鏈接:
課時22:注釋標簽(此注釋為html中的注釋樣式)
課時23:路徑選擇
課時24:無序列表的使用
屬性: type : 空心圓 circle \ 實心圓disc\實心方塊square . 默認disc
課時25:無序列表注意事項
1、
- ,直接在
2、 - 與
- 之間相當于一個容器,可以容納所有元素。
3、 無序列表會帶有自己樣式屬性,放下那個樣式,一會讓CSS來課時26:有序列表
屬性: type : 設置拍尋方式 1(數字為默認) a , i 三種課時27:四大名著案例
課時28:自定義列表
課時29:創建表格
平時開發,這三個參數 border cellpadding cellspacing 為 0
課時30:合并單元格- 合并單元格2種方式
跨行合并:rowspan=“合并單元格的個數”
跨列合并:colspan=“合并單元格的個數” - 合并單元格順序
合并的順序我們按照 先上 后下 先左 后右 的順序 - 合并單元格三步曲
1.先確定是跨行還是跨列合并
2.根據 先上 后下 先左 后右的原則找到目標單元格 然后寫上 合并方式 還有 要合并的單元格數量
3.刪除多余的單元格 單元格
課時31:表單標簽的掌握
一、 input 控件(重點)
語法:- input 輸入的意思
- 標簽為單標簽
- type屬性設置不同的屬性值用來指定不同的控件類型
- 除了type屬性還有別的屬性
常用屬性:
二、label標簽(理解)
三、textarea控件(文本域)
四、select下拉列表
目的:
如果有多個選項讓用戶選擇,為了節約空間,我們可以使用select控件定義下拉列表.
五、form表單域
六、團隊約定
- 合并單元格2種方式