表格的合并
1.水平方向上的單元格合并
可以給td標簽添加一個colspan屬性, 來指定把某一個單元格當做多個單元格來看待(水平方向)
例如:
含義: 把當前單元格當做兩個單元格來看待
注意點:
1.由于把某一個單元格當做了多個單元格來看到, 所以就會多出一些單元格, 所以需要刪掉一些單元格才能正常顯示
2.一定要記住單元格合并永遠都是向后或者向下合并, 而不能向前或者向上合并
2.垂直方向上的單元格合并
可以給td標簽設置一個rowspan屬性, 來指定把某一個單元格當做多個單元格來看待(垂直方向)
例如:
含義: 把當前單元格當做兩個單元格來看待
表單
1.什么是表單?
表單就是專門用來收集用戶信息的
2.什么是表單元素?
2.1什么是元素?
在HTML中 標簽/標記/元素都是指HTML中的標簽
例如: a標簽/a標記/a元素
表單元素其實還是HTML中的一些標簽, 只不過這些標簽比較特殊, 在瀏覽器中所有的表單標簽都有特殊的外觀和默認的功能
3.表單的格式:
4.常見的表單元素
input標簽, input標簽有一個type屬性, 這個屬性有很多類型的取值, 取值的不同就決定了input標簽的功能和外觀不同
5.注意:
表單元素一定要寫在表單中
單選框
注意點:
1.默認情況下單選框不會互斥, 要想單選框互斥那么必須給每一個單選框標簽都設置一個name屬性, 然后name屬性還必須設置相同的值
2.要想讓單選框默認選中某一個框子, 那么可以給input標簽添加一個checked屬性
3.在HTML中如果屬性的取值和屬性的名稱一樣, 可以只寫一個. 但是在XHTML中必須寫上取值, 所以在企業開發中我們推薦大家不要省略取值
Label標簽
1.默認情況下文字和輸入框是沒有關聯關系的, 也就是說點擊文字輸入框不會聚焦, 如果想點擊文字時讓對應的輸入框聚焦, 那么就需要讓文字和輸入框進行綁定
2.要想讓輸入框和文字綁定在一起, 那么我們可以使用Label標簽
3.綁定的格式:
3.1將文字利用label標簽包裹起來
3.2給輸入框添加一個id屬性
3.3在label標簽中通過for屬性和輸入框中的id進行綁定即可
datalist標簽
作用: 給輸入框綁定待選項
2.datalist格式:
待選項內容
3.如何給輸入框綁定待選列表
1.搞一個輸入框
2.搞一個datalist列表
3.給datalist列表標簽添加一個id
4.給輸入框添加一個list屬性,將datalist的id對應的值賦值給list屬性即可
video標簽
作用: 播放視頻
格式:
video標簽的屬性
src: 用于告訴video標簽需要播放的視頻地址
autoplay: 用于告訴video標簽是否需要自動播放視頻
controls: 用于告訴video標簽是否需要顯示控制條
poster: 用于告訴video標簽視頻沒有播放之前顯示的占位圖片
loop: 一般用于做廣告視頻, 用于告訴video標簽視頻播放完畢之后是否需要循環播放
preload: 預加載視頻, 但是需要注意preload和autoplay相沖, 如果設置了autoplay屬性, 那么preload屬性就會失效
muted:靜音
width/height: 和img標簽中的一模一樣
video的第二種格式
2.第二種格式存在的意義:
由于視頻數據非常非常的重要, 所以五大瀏覽器廠商都不愿意支持別人的視頻格式, 所以導致了沒有一種視頻格式是所有瀏覽器都支持的
這個時候W3C為了解決這個問題, 所以推出了第二個video標簽的格式
video標簽的第二種格式存在的意義就是為了解決瀏覽器適配問題
video 元素支持三種視頻格式, 我們可以把這三種格式都通過source標簽指定給video標簽, 那么以后當瀏覽器播放視頻時它就會從這三種中選擇一種自己支持的格式來播放
3.注意點:
3.1當前通過video標簽的第二種格式雖然能夠指定所有瀏覽器都支持的視頻格式, 但是想讓所有瀏覽器都通過video標簽播放視頻還有一個前提條件, 就是瀏覽器必須支持HTML5標簽, 否則同樣無法播放
3.2在過去的一些瀏覽器是不支持HTML5標簽的, 所以為了讓過去的一些瀏覽器也能夠通過video標簽來播放視頻, 那么我們以后可以通過一個JS的框架叫做html5media來實現
-->
audio標簽
格式:
注意點:
audio標簽的使用和video標簽的使用基本一樣, video中能夠使用的屬性在audio標簽中大部分都能夠使用, 并且功能都一樣
只不過有3個屬性不能用, height/width/poster
1.什么是詳情和概要標簽?
作用:利用summary標簽來描述概要信息, 利用details標簽來描述詳情信息
默認情況下是折疊展示, 想看見詳情必須點擊
格式:
概要信息
詳情信息
-->
marquee標簽
1.什么是marquee標簽?
作用: 跑馬燈
格式:
內容
屬性:
direction: 設置滾動方向 left/right/up/down
scrollamount: 設置滾動速度, 值越大就越快
loop: 設置滾動次數, 默認是-1, 也就是無限滾動
behavior: 設置滾動類型 slide滾動到邊界就停止, alternate滾動到邊界就彈回
注意點:
marquee標簽不是W3C推薦的標簽, 在W3C官方文檔中也無法查詢這個標簽, 但是各大瀏覽器對這個標簽的支持非常好
被廢棄的html標簽
1.為什么HTML中有一部分標簽會被廢棄?
因為當前的HTML中的標簽只有一個作用, 就是用來添加語義
而早期的HTML標簽中有一部分標簽是沒有語義的,
有一部分標簽是用來修改樣式的
所以這部分標簽就被淘汰了
字符實體
1.在HTML中對空格/回車/tab不敏感, 會把多個空格/回車/tab當做一個空格來處理
2.什么是字符實體?
在HTML中有的字符是被HTML保留的, 有的HTML字符在HTML中是有特殊含義的, 是不能在瀏覽器中直接顯示出來的, 那么這些東西要想顯示出來就必須通過字符實體
空格, 一個?就是一個空格, 有多少個?就有多少個空格
< 小于符號 <
(less than)
> 大于符號 >
(greater than)
? 版權符號
-->
