摸鱼少学习多

day29 - 表格 内联等

表格

​
实现表格的创建 行操作：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>
复制代码

 

 
posted @   北海之上  阅读(16)  评论(0)  编辑  收藏  举报
相关博文：
·  day44 操纵节点和表单
·  day30- html表单学习
·  java第一周学习内容（3）
·  Day02
·  Day 26
阅读排行：
· 25岁的心里话
· 闲置电脑爆改个人服务器（超详细） #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目（很简单哒）
· 零经验选手，Compose 一天开发一款小游戏！
· AI Agent开发，如何调用三方的API Function，是通过提示词来发起调用的吗
/* 粒子吸附*/
点击右上角即可分享
微信分享提示