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

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

列表:有三种,有序列表,无序列表,定义列表
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中列表、表格和媒体元素的介绍的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1546440.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月21日 18:12:08
下一篇 2025年12月16日 15:56:12

相关推荐

  • 前端进行文件上传的各种方法总结(代码)

    这篇文章给大家介绍的文章内容是关于前端进行文件上传的各种方法总结(代码),有很好的参考价值,希望可以帮助到有需要的朋友。 一、通过Form表单提交上传 HTML  enctype属性必不可少 上面一种方法通过表单自有属性进行提交,看似简单,但是也有其最大的缺点,那就是提交完毕之后直接进行了跳转,这对…

    好文分享 2025年12月21日
    000
  • 浅析HTML Table表格的使用方法

    这篇文章给大家介绍的文章内容是关于浅析html table表格的使用方法,有很好的参考价值,希望可以帮助到有需要的朋友。 定义和用法 table标签定义 HTML 表格。 创建表格的四要素:table、tr、th、td 整个表格以 标记开始、标记结束。 Table row。表格的一行,有几对 tr …

    2025年12月21日
    000
  • HTML5有哪些新特性和新标签?分享HTML5 JS新特性

    自从有了h5后,大家都只记得html5了吧,html4是不是都被遗忘了,确实,html5功能强大,用途也多,对web来说意义非凡,他可以把目前web上存在的各种问题一并解决掉,所以本文将会详细介绍html5 的新特性。apache php mysql begin! 一、HTML5与HTML4 1.1…

    2025年12月21日 好文分享
    000
  • HTML+CSS和DIV如何实现排版布局

    这篇文章主要介绍了关于html+css和div如何实现排版布局,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 HTML CSS + div实现排版布局 1.网页可以看成是由一个一个“盒子”组成,如图: 由上图可以看出,页面分为上(网站导航)、中、下(版权声明)三个部分,中间部分又分为…

    2025年12月21日 好文分享
    000
  • html学习中的几个重点总结

    关于html的重点总结块元素、行内元素、行内块状元素html可以将元素分类方式分为行内元素、块状元素和行内块状元素三种 使用display属性能够将三者任意转换 块状元素自动换行 转换方法    (1)display:inline;转换为行内元素    (2)display:block;转换为块状元…

    好文分享 2025年12月21日
    000
  • 对响应式web设计的方法实现

    这篇文章分享给大家的内容是关于响应式web设计的方法实现,内容很有参考价值,希望可以帮到有需要的小伙伴。 媒体查询的用法 media 媒体查询包含一个可选的媒体类型和,满足CSS3规范的条件下,包含零个或多个表达式,这些表达式描述了媒体特征,最终会被解析为true或false。如果媒体查询中指定的媒…

    2025年12月21日 好文分享
    000
  • html文本标签

    文本的重要性:文本是页面中最主要的内容,也是唯一可以被搜索引擎识别的内容,所以特别重要  1. ~ 刚才学过的标题就是一个文本标签 2.标题标签默认为加粗显示,编号越大,字体就越小,编号与大小成反比,要注意 3.经常与标题标签配对使用还有一个水平分隔线标签 ,它是一个单标签 标签,用来描述页面中的段…

    好文分享 2025年12月21日
    000
  • html链接标签

    1. 很多小伙伴,对网络的第一印象可能就是网站上有很多可以一点击就可以打开的页面 2. 你点击的可能是一个标题文本,也可能是一张图片,一个按钮,但本质上其实就是一个链接 这里我们打创想鸟首页,来体验一下,可以看到链接无处不在,没有链接就没有互联网 3.链接标签是,它的最重要的属性就href,就是要跳…

    好文分享 2025年12月21日
    000
  • html图像标签

    图像标签可能是最大最感兴趣的啦,俗话说,有图有真相,一张图片,胜过万语千言 页面中有了图像,会瞬间变得多姿多彩,使用户的体验也瞬间提升 但是图像是外部资源,加载到当前页面是需要时间的,所以图像虽好,也不能滥用 用得好,画龙点睛,用不好,画蛇添足 图像使用标签,这是在之前前端初体验课程中提到过 立即学…

    好文分享 2025年12月21日
    000
  • html表格的基本属性

    表格是最重要的数据化格式工具啦,无论是前台还是后台,都有大量的应用。 我们先打几个网站看一下,页面中哪些内容是用表格做的。 html创建表格使用table标签,这个标签是一个典型的复合标签,因它只写它是没用的,必须要配合内部的子标签才有意义。 创建表格的基本原则是:先创建行,再划分列。一行一列叫一个…

    好文分享 2025年12月21日
    000
  • html表格的分区与分组控制

    1. 表格的分区主要用 将表格分为头部,主体,尾部三分部 2. 这三个表格分区标签本身没有任何样式,仅仅是一个区块划分标记罢了 除了可以对表格进行分区控制外,还可以对每一列进行分组,这样可以快速的进行设置,提高效率 表格的分区与分组控制岛国明星TOP50排行榜<!– :可以对一列进行整体控制…

    好文分享 2025年12月21日
    000
  • html列表快速预览

    列表是一种非常有用的数据展现方式,可以扩展出非常多的有意思的功能,例如导航,布局等。 列表主要有三种: 1. 无序列表: 标签,必须与子标签配对使用 2. 有序列表: 标签,与使用规则一样,可以看作是无序列表的一个特例,实际开发中使用不多 3. 自定义列表: 非常像名词解释,用途非常广泛,例如底部导…

    好文分享 2025年12月21日
    000
  • html的区块元素

    区块元素有很多,这里先介绍二个非常简单且常用的 和 div:也叫块元素,没有任何样式,就是用来划分页面功能区的. span: 也叫内联元素,同样也没有任何样式,通常用作标签内容的容器. 那么问题来了? 什么是块元素?自动占据一行,相当于在元素尾部添加了一个回车, 立即学习“前端免费学习笔记(深入)”…

    好文分享 2025年12月21日
    000
  • html表单的基本元素

    表单的基本元素 1.我们先看一下表单是什么?几乎每个网站都会有 2.表单给人最直接的印象就是有一些输入框,还有一些按钮 3.这些输入框,可以接受用户输入的数据,按钮可以将用户的数据进行提交 4.表单元素是由一组标签组成的 立即学习“前端免费学习笔记(深入)”; 表单提交方式有很多,最主要的有二种: …

    好文分享 2025年12月21日
    000
  • html用表格布局来实现用户注册表单实例

    :用表格布局来实现用户注册表单用户注册 邮箱:密码: 性别: 男女保密兴趣: HTMLCSSJavaScriptPHP级别:我是零基础的小白啦已经入门啦做过一些项目已经是大神级别头像:@@##@@简介: 以上就是html用表格布局来实现用户注册表单实例的详细内容,更多请关注创想鸟其它相关文章!

    好文分享 2025年12月21日
    000
  • 详解前端在html页面之间传递参数的方法

    项目中经常会出现的一种情况,有一个列表,譬如是案例列表,点击列表中的某一项,跳转至详情页面。详情是根据所点击的某条记录生成的,因为案例和具体的详情页面,都是用户后期自行添加的,我们开始编写时,不可能穷尽。因此跳转页面时,我们需要传递一个参数过去,这样我们才能通过这个参数进行数据请求,然后根据后台返回…

    2025年12月21日
    000
  • 如何使用HTML编写邮件模版

    这篇文章主要介绍了使用html编写简单的邮件模版,作者主张极简至上主义…可以先看文章结尾处链接中介绍的模版成品,需要的朋友可以参考下 今天,我想写一个”低技术”问题。   话说我订阅了不少了新闻邮件(Newsletter),比如JavaScript Weekly。…

    2025年12月21日
    000
  • 如何使用HTML在两个div标签中间画一条竖线

    这篇文章主要介绍了关于如何使用html在两个div标签中间画一条竖线,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 最近项目经理给了一个活儿,需要在界面当中画一条竖线,且这条竖线在高度上需要自动占满整个父p。在网上查了相关资料,最终搞定,下面小编给代价分享解决方法,需要的朋友参考下吧…

    2025年12月21日
    000
  • 关于HTML 文本格式化的代码

    下面为大家带来一篇html 文本格式化的简单实例。内容挺不错的,现在就分享给大家,也给大家做个参考。 一,文本格式化:此例演示如何在一个 HTML 文件中对文本进行格式化。 This text is boldThis text is strongThis text is bigThis text i…

    2025年12月21日
    000
  • 关于Html和CSS绘制三角形图标的方法

    这篇文章主要为大家详细介绍了html+css绘制三角形图标的相关代码,很多网页都有三角形的图标,通常是切的图片,这里可以用css3+html写出三角形,感兴趣的小伙伴们可以参考一下 先看看效果图: Document #test1 { height:20px; width:20px; border-c…

    2025年12月21日
    000

发表回复

登录后才能评论
关注微信