表格
实现表格的创建 行操作：tr 列操作：td colspon实现跨列操作
rowspon实现跨行操作
1 <!DOCTYPE html> 2 <html lang="en" xmlns="http://www.w3.org/1999/html"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>表格学习</title> 6 </head> 7 <body> 8 <!-- 表格table 9 行：tr 10 列：td 11 --> 12 <table border="1px"> 13 <tr> 14 <!-- colspon 实现跨列 --> 15 <td colspan="4">1-1</td> 16 17 </tr> 18 <tr> 19 <!-- rowspon 实现跨行 --> 20 <td rowspan="2">2-1</td> 21 <td>2-2</td> 22 <td>2-3</td> 23 <td>2-4</td> 24 </tr> 25 <tr> 26 27 <td>3-2</td> 28 <td>3-3</td> 29 <td>3-4</td> 30 </tr> 31 </table> 32 </body> 33 </html>
媒体元素
音频和视频
<video +....
<audio +.....
src:资源路径
conreols：控制条
autoplay：自动播放
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>媒体元素学习</title> 6 </head> 7 <body> 8 <!-- 音频和视频 9 src:资源路径 10 conreols：控制条 11 autoplay：自动播放--> 12 <video src="../Resouces/video/c5a8301a9532e61d0db801981c581fb8.mp4" controls autoplay></video> 13 <audio src="../Resouces/audio/1833c781bbc_64b.mp3" controls></audio> 14 15 16 </body> 17 </html>
页面结构
header：头部
section：主题
footer：尾部
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>页面结构分析</title> 6 </head> 7 <body> 8 <header><h2>网页头部</h2></header> 9 10 <section><h2>网页主题</h2></section> 11 12 <footer><h2>网页尾部</h2></footer> 13 </body> 14 </html>
内联框架
<iframe 内联标签
src：地址
w-h：高度宽度
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>内联框架学习</title> 6 </head> 7 <body> 8 <!--<iframe src="//player.bilibili.com/player.html?aid=55631961&bvid=BV1x4411V75C&cid=97257967&page=11"--> 9 <!-- scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true">--> 10 <!--</iframe>--> 11 <!-- iframe内联标签 12 src: 地址 13 w-h：宽度高度 14 --> 15 <!--<iframe src="http://www.bilibili.com" frameborder="0" width="1000px" height="800px"></iframe>--> 16 <iframe src="" name="hello" frameborder="0" width="1000px" height="800px"></iframe> 17 <a href="1.第一个网页.html" target="hello">dianji</a> 18 </body> 19 </html>
标签：13,12,15,表格,--,day24,内联 From： https://www.cnblogs.com/GUGUZIZI/p/16882202.html