HTML---列表.表格.媒体元素

文章目录

  • 目录

    文章目录

    一.列表

    无序列表

    有序列表 

    自定义列表

     二.表格

    表格的兼并 

    三.媒体元素

    视频标签

     音频标签

    四.内联框架 

    五.拓展标签 

    总结


一.列表

无序列表

HTML中的无序列表(Unordered List)用于显示一组项目,每个项目之前没有特定的顺序或编号。无序列表使用

    标签来定义,每个项目使用
  • 标签来定义。

无序列表的特点包括:

  • 项目之间没有特定的顺序。
  • 项目默认使用小圆点作为项目标记,也可以通过CSS样式来修改项目标记。
  • 项目之间的间距默认较大,可以通过CSS样式来设置间距大小。

 以下是一个无序列表的示例代码:


	    
		
  • 迪丽热巴
  • 刘亦菲
  • 刘诗诗
  • 胡歌
  • 唐嫣

 HTML---列表.表格.媒体元素_第1张图片

有序列表 

 有序列表(Ordered list)是HTML提供的一种标记语言,用于按照特定的顺序显示一系列项目。有序列表使用

    元素来定义,每个项目使用
  1. 元素来定义。

有序列表的特点:

  1. 按照一定的顺序显示项目,默认的顺序是从1开始递增;
  2. 可以通过type属性来指定不同的计数器类型,如阿拉伯数字、小写字母、大写字母等;
  3. 可以通过start属性来设置起始计数的值;
  4. 可以使用嵌套的有序列表来显示多级项目。

 以下是一个简单的有序列表的示例代码:

    
		
		
  1. 迪丽热巴
  2. 刘亦菲
  3. 刘诗诗
  4. 胡歌
  5. 唐嫣

自定义列表

 

元素用于创建自定义列表,列表项使用
元素来定义术语,使用
元素来定义术语的定义。


		
		
蔬菜
黄瓜
青菜
水果
苹果
香蕉

 HTML---列表.表格.媒体元素_第2张图片

 二.表格

 HTML中的表格是一种用于展示和组织数据的结构化元素。表格由一个或多个行和列组成,每个单元格可以包含文本、图像或其他HTML元素。

表格在HTML中使用

标签来定义,每一行使用标签来定义,每个单元格使用

HTML---列表.表格.媒体元素_第4张图片

三.媒体元素

视频标签

 HTML---列表.表格.媒体元素_第5张图片


		
		

HTML---列表.表格.媒体元素_第6张图片

通过注入多个视频文件格式,防止浏览器不支持解码当前文件格式。语法如下:

HTML---列表.表格.媒体元素_第7张图片

 音频标签

HTML---列表.表格.媒体元素_第8张图片


		

 HTML---列表.表格.媒体元素_第9张图片


		

四.内联框架 

在HTML中,内联框架(inline frames)用于在网页中嵌入另一个HTML文档或网页。它以

点击观看视频

点击播放音乐

五.拓展标签 

HTML---列表.表格.媒体元素_第11张图片


总结

你可能感兴趣的:(Web前端,html)

标签来定义。可以使用标签来定义表头单元格,以提供更明确的标识。

	
		
		
1-1 1-2
2-1 2-2
3-1 3-2

 HTML---列表.表格.媒体元素_第3张图片

表格的兼并 

1-1 1-2 1-3
2-1