文章 专题 AI工具 学习 下载 问答 源码 最近更新
PHP
会员中心 讲师中心 微信公众号
首页 > web前端 > html教程 > 正文

HTML中列表、表格和媒体元素的介绍

不言
发布： 2018-07-28 09:41:01
原创
2105人浏览过

这篇文章给大家介绍的文章内容是关于html中列表、表格和媒体元素的介绍，有很好的参考价值，希望可以帮助到有需要的朋友。

列表：有三种，有序列表，无序列表，定义列表
1.有序列表：


    列表项:


  1. 要显示的内容写在li里面，不要写在li的外面
    有序列表在每个列表项前面都有排序，
    排序方式可以通过在ol标签中设置type属性
    例如:
      :使用英文字母排序
        :使用罗马数字排序
          :使用阿拉伯数字排序，默认的

          2.无序列表：


            列表项：


          • 要显示的内容写在li里面，不要写在li的外面
            无序列表每个列表项前面都有符号
            去除符号就在type里面设置none
            例如：
              :实心方块
                :空心方块
                  :去除符号

                  3.定义列表:


                  列表项:


                  dt是列表标题。dd是描述，dd有行缩进
                  一个dt可以有很多dd描述
                  例如:

                  商品图片

                  商品名称

                  商品价格

                   ...

                  表格：

                     由行和列组成
                  一对tr代表一行，每一行里面有单元格td组成
                   例如：


                  两行两列
                  每个单元格可以跨行rowspan和跨列colspan
                  跨行是竖着占用其他单元格，
                  跨列是横着占用其他单元格。
                  被占用的单元格需要删除。
                  媒体元素：
                  视频标签：
                   controls:控制台，可以对视频进行控制(暂停，播放)
                  autoplay:自动播放
                  音乐标签:
                  这两个属性跟视频中的作用都一样，非必写
                  使用这两个标签需要注意每种浏览器对格式的要求
                  如果不支持文件格式就换一种格式

                  立即学习“前端免费学习笔记（深入）”；

                  iframe内联框架：

                  路径问题，两个安进同一个文件夹，这两个文件就是同级
                  同级可以直接写文件名，后缀
                  如果两个文件不是同级，需要根据上下级关系改变路径
                  返回上一级是../进入文件夹就直接写文件夹名字
                  路径是根据这个网页所在的位置来判断上下级的。

                  相关推荐：

                  HTML的格式及标签介绍

                  以上就是HTML中列表、表格和媒体元素的介绍的详细内容，更多请关注php中文网其它相关文章！

                  • HTML速学教程(入门课程)
                  HTML速学教程(入门课程)

                  HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！

                  下载
                  来源：php中文网
                  收藏 点赞
                  上一篇：HTML的格式及标签介绍 下一篇：HTML的表单介绍
                  本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
                  作者最新文章
                  最新问题
                  HTML表单提交到指定邮箱怎么实现 HTML表单可以通过服务器端脚本提交到指定邮箱。1.创建HTML表单，使用action属性指向服务器脚本。2.编写服务器脚本（如PHP）处理表单数据并发送邮件。3.注意安全性、邮件格式、错误处理和隐私合规。4.使用异步提交、表单验证和第三方邮件服务优化性能。
                  2025-06-09 08:06:02
                  909
                  HTML下载链接添加进度条怎么实现 实现HTML下载链接添加进度条的关键在于利用JavaScript和HTML5的FileAPI来监控下载进度。让我们深入探讨如何实现这一功能，并分享一些实际应用中的经验。在开始之前，先回答你的问题：HTML下载链接添加进度条可以通过JavaScript监听XMLHttpRequest对象的progress事件来实现。我们可以利用这个事件来更新进度条的显示，从而让用户实时了解下载进度的变化。现在，让我们详细展开这个话题。在我的职业生涯中，我曾多次遇到需要为下载链接添加进度条的需求。无论是大文件下载还
                  2025-06-08 10:30:02
                  1002
                  HTML表单提交后清空输入框内容怎么操作 可以使用JavaScript在表单提交后通过form.reset()方法清空HTML表单的输入框内容。具体步骤包括：1.在表单的onsubmit事件中调用submitForm函数。2.使用event.preventDefault()阻止表单默认提交行为。3.获取表单元素并处理数据。4.调用form.reset()方法清空表单。
                  2025-06-07 08:21:01
                  619
                  html中h1和h2的区别 一级二级标题的3个关键差异 h1和h2标签在HTML中的三个关键差异是：1.h1用于页面主标题，h2用于子主题；2.h1字体默认比h2大；3.一个页面通常只有一个h1，多个h2用于划分章节。
                  2025-06-06 09:15:02
                  892
                  html中外边距怎么设置 html外边距margin调整技巧 在HTML中设置外边距需要使用CSS。具体方法包括：1.使用通用margin属性设置所有方向的外边距，如margin:20px。2.使用单独的margin属性设置不同方向的外边距，如margin-top:10px;margin-right:20px;margin-bottom:30px;margin-left:40px，或简写为margin:10px20px30px40px。
                  2025-06-05 08:21:01
                  730
                  html中的行内标签有哪些 html行内标签完整列表解析 HTML中的行内标签在网页设计中起着关键作用，它们用于修饰和格式化文本内容，不会自动换行。常见的行内标签包括：1.用于灵活的样式定制；2.用于创建超链接；3.和用于强调文本；4.用于嵌入图像；5.用于创建表单控件；6.用于创建可点击按钮。使用这些标签时应注意语义化、样式与结构分离、无障碍设计、性能优化和表单设计，以提升网页的整体效果和用户体验。
                  2025-06-04 08:06:01
                  637
                  html中tbody标签的作用 表格主体tbody的语义化意义 标签用于定义表格的主体部分，其作用是将表格数据与表头和表尾区分开来，提升表格的语义化和可访问性。使用的好处包括：1.增强可访问性，帮助屏幕阅读器正确识别表格结构；2.便于样式控制，可以对表格主体部分进行单独的样式设置；3.便于数据操作，支持动态增删改查，提高操作效率；4.性能优化，通过JavaScript动态操作内容，提升性能。
                  2025-06-03 10:00:02
                  871
                  HTML导航栏怎么做？nav标签有什么优势？ 使用HTML创建导航栏推荐采用ul+li结构包裹在nav标签内，1.基本结构用ul+li搭建更清晰且方便CSS美化；2.nav标签具备语义化优势，提升SEO和可访问性；3.推荐使用flex布局进行样式处理，实现水平排列与悬停效果；4.需添加aria-label属性并考虑响应式设计适配移动端。
                  2025-06-02 10:12:07
                  903
                  HTML如何实现轮播图？carousel怎么用HTML制作？ 要实现基础轮播图需结合HTML、CSS和JavaScript。首先用HTML搭建结构，外层div容器包含图片列表，默认第一张显示；接着用CSS将图片叠放并隐藏非active图片；再通过JavaScript定时切换active类实现自动播放；最后可添加按钮实现手动切换。步骤清晰，结构为先，样式控制显示，JS实现动态切换，扩展性强。
                  2025-05-31 10:03:01
                  865
                  HTML里怎么插入YouTube视频 在HTML中插入YouTube视频可以通过以下步骤实现：1.使用标签嵌入视频，替换VIDEO_ID为YouTube视频ID。2.采用响应式设计，使用包装div和CSS确保视频在不同设备上保持16:9比例。3.应用懒加载技术，使用IntersectionObserverAPI减少页面加载时间。4.添加视频标题和描述，提升SEO和用户体验。5.考虑用户隐私，提供同意选项并控制自动播放。
                  2025-05-30 08:18:02
                  193
                  相关专题
                  更多>
                  热门推荐
                  开源免费商场系统广告
                  热门教程
                  更多>
                  相关推荐
                  热门推荐
                  最新课程
                  最新下载
                  更多>
                  网站特效
                  网站源码
                  网站素材
                  前端模板
                  关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
                  php中文网：公益在线php培训，帮助PHP学习者快速成长！
                  关注服务号 技术交流群
                  app下载
                  PHP中文网订阅号
                  每天精选资源文章推送
                  PHP中文网APP
                  随时随地碎片化学习
                  PHP中文网抖音号
                  发现有趣的

                  Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

                • PHP学习

                • 技术支持

                • 返回顶部