HTML学习-列表、表格等
2021/11/1 23:42:20
本文主要是介绍HTML学习-列表、表格等,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
列表
有序列表
<!--有序列表--> <ol> <li>Java</li> <li>Python</li> <li>运维</li> <li>前端</li> </ol>
无序列表
<!--无序列表--> <ul> <li>Java</li> <li>Python</li> <li>运维</li> <li>前端</li> </ul>
自定义列表
<!--自定义列表 dl:标签 dt:列表名称 dd:列表内容 --> <dl> <dt>学科</dt> <dd>Java</dd> <dd>Python</dd> <dd>Linux</dd> <dd>C</dd> <dt>位置</dt> <dd>西安</dd> <dd>武汉</dd> <dd>重庆</dd> </dl>
表格
<!--表格table 行 tr 列 td --> <table border="1"> <tr> <!--colspan 跨列--> <td colspan="3">学生成绩</td> </tr> <tr> <!--rowspan 跨行--> <td rowspan="2">hh</td> <td>语文</td> <td>100</td> </tr> <tr> <td>数学</td> <td>100</td> </tr> <tr> <td rowspan="2">lzj</td> <td>语文</td> <td>100</td> </tr> <tr> <td>数学</td> <td>100</td> </tr> </table>
媒体元素
<!--音频和视频 src:资源路径 controls:控制条 autoplay:自动播放 --> <!--<video></video>--> <audio src="../resources/audio/DAOKO,米津玄師%20-%20打上花火.mp3" controls autoplay></audio>
页面结构分析
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-LbThcEQO-1635780464480)(C:\Users\86158\Desktop\java博客学习\HTML\列表、表格、表单.assets\image-20211101154215156.png)]
内联框架
<!--iframe内联框架 src:地址 w-h:宽度高度 --> <!--<iframe src="https://www.baidu.com" name="hello" frameborder="0" width="1000px" height="800px"></iframe>--> <iframe src="" name="hello" frameborder="0" width="1000px" height="800px"></iframe> <a href="https://www.baidu.com" target="hello">点击跳转</a>
r=“0” width=“1000px” height=“800px”>
点击跳转
这篇关于HTML学习-列表、表格等的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-09一定要避坑:关于微信H5分享,温馨提示你不要再踩坑了!!!
- 2024-05-09本地项目放到公网访问!炒鸡煎蛋!
- 2024-04-07金融企业区域集中库的设计构想和测试验证
- 2024-03-11前端CSS的工程化——掌握Sass这四大特性就够了
- 2024-02-21h5关联css样式(html怎么和css关联)-icode9专业技术文章分享
- 2024-02-07Firefox禁止远程字体加速网页加载及图标字体补充安装
- 2024-02-07一个菜鸡前端的3年总结-「2023」
- 2024-01-18最火前端Web组态软件(可视化)
- 2024-01-12程序员提效 x10 的必备开源“神器”
- 2024-01-11前端可以监控静态资源的时间吗-icode9专业技术文章分享