北冥複習html(二) 一、表格的具體組成單位 由行和列組成的單元格 結構: <table border="1"> <tr> <td>row1,cell1</td> <td>row1,cell2</td> </tr> </table> table ==》 定義表格; border ==》 設置表格邊 ...
北冥複習html(二)
一、表格的具體組成單位
由行和列組成的單元格
結構:
<table border="1"> <tr> <td>row1,cell1</td> <td>row1,cell2</td> </tr> </table>
table ==》 定義表格; border ==》 設置表格邊粗細; tr ==》 行; td ==》 列;
<td colspan = "3"></td> ==>跨3列;<td rowspan = "2"></td> ==>跨2行;
二、列表
定義:
列表就是信息資源的一種展示方式,它可以使信息結構化和條理化,並以列表的樣式顯示出來,以便瀏覽器能更快捷的獲取相同的信息。
分類:
1.有序列表,結構:
<ol> <li>有序1</li> <li>有序2</li> </ol>
ol ==》聲明一個有序列表;li ==》列表項(屬塊元素)
2.無序列表,結構:
<ul> <li>無序1</li> <li>無序2</li> </ul>
ul ==》聲明一個無序列表;li ==》列表項
3.定義列表,結構:
<dl> <dt>定義1</dt> <dd>內容1</dd> </dl>
dl ==》聲明一個定義列表;dt ==》列表項;dd ==》列表項內容
三、視頻與音頻標簽
視頻結構:
<video src = "地址" controls >
當瀏覽器無法識別時,可用:
<video controls autoplay> <source src = "地址"> </video>
- void 聲明一個視頻,src = “視頻地址”
- controls 顯示視頻操作內容
- autoplay 自動播放
- audio 聲明一個音頻,用法和 void 一樣
四、頁面結構
主要分為三大部分:1.頁面頭部;2.頁面主體;3.頁面尾部。
功能:對頁面佈局,沒有其他顯示效果。
作用:規範網頁程式結構化
標簽:
關鍵字 | 說明 |
header | 表頭部區塊 |
section | 網頁獨立區域 |
footer | 尾部區塊 |
article | 獨立文章內容 |
aside | 側邊欄 |
nav | 導航欄 |
五、內聯框架
結構:
<a href = "" target = " ">點擊跳轉</a> <iframe str = " " name = "zs" width = "" height = "" ></iframe>
解釋:
- href ==》另一個網站
- target ==》與name對應,這樣使內聯框架跳轉另一個網站
- src ==》引用頁面地址
- name ==》內聯框架名
- width 、height ==》內聯框架寬和高