HTML 列表、超链接、图片标签、图片格式、音视频

已于 2022-06-21 17:09:08 修改
阅读量140 收藏
点赞数 2
分类专栏： css HTML 文章标签： html 前端 javascript
于 2022-06-21 17:08:57 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_70516782/article/details/125392987
版权

一、列表

列表（list） 一组一组

1:ol  为有序列表，li 表示列表项

2:ul  为无序列表 ，li 表示列表项

3:di 为定义列表，使用dd对内容进行解释说明

注意：列表之间是可以互相嵌套的

      ol ul dl li 都是块元素

通过type属性更改列表的项目符号

       有序列表

         项目符号：1（为默认值）、a、i、I、

        无序列表

         项目符号:

              disc，默认值，实心的圆点

              square，实心的方块

              circle，空心的圆

<html>
  <head>
    <title></title>
  </head>
  <body>
    <ul>  <!-- 无序列表 -->
      <li>伟大分</li>
      <li>伟大分</li>
      <li>伟大分</li>
    </ul>
    <ol>  <!-- 有序列表 -->
      <li>伟大分</li>
      <li>伟大分</li>
      <li>伟大分</li>
  </ol>   
    <ol type="a">  <!-- 更改项目符号的有序列表  type="a
最低0.47元/天 解锁文章
〆启
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
视频列表页html,视频列表.html
weixin_42375011的博客
06-17 1420
视频列表(function (f, j) {var i = document, d = window;var b = i.documentElement;var c;var h = i.querySelector('meta[name="viewport"]');var e = "width=device-width,initial-scale=1,maximum-scale=1.0,user-s...
html自动切换视频列表,HTMl5 + JS自动视频播放列表(HTMl5 + JS auto video playlist)
weixin_39856630的博客
05-30 925
HTMl5 + JS自动视频播放列表(HTMl5 + JS auto video playlist)好的，当js代码到达刚刚停止的最后一个视频而不是返回到第一个视频时，我该如何解决这个问题？我已经尝试了多种方式，并且我无法在最后一个播放后返回到第一个视频。$(function() {var $videos = $("#playlist li");var $video = $("#videoarea...
视频播放+列表
11-03
视频播放+列表，html页面。
html播放列表
csdncaoguo940713的博客
09-05 2722
学习页面中的功能，左边是播放器，右边是播放列表，要求点击播放列表高亮显示并且播放对应的视频
html 视频列表页面,爱奇艺视频播放列表.html
weixin_30311521的博客
06-03 1538
爱奇异视频播放列表*{margin: 0;padding: 0;}div{width: 1000px;margin: 0 auto;}div h3{font-size: 18px;line-height: 40px;}li {display: inline-block;margin: 5px;padding: 10px;}img{border-radius: 10px;}div ul li:hov...
HTML元素(标签)大全及使用介绍
09-28
1. `<a>` 标签：用于创建超链接，可以链接到其他网页、文件、邮件地址等，通过`href`属性指定链接目标。 2. `<acronym>` 标签：表示首字母缩写，但HTML5中已不再推荐使用，可以用`<abbr>`替代。 3. `<address>` ...
纯HTML标签你熟悉多少?
09-28
3. `<a>`：定义锚点，创建超链接，可以链接到其他文档或页面内的特定位置。 4. `<abbr>`：表示缩写，可以添加`title`属性提供完整词义。 5. `<acronym>`：定义首字母缩写，现在较少使用，更多情况下用`<abbr>`代替...
HTML学习视频
07-20
HTML通过各种标签来标记和格式化文本，例如到用于定义标题等级，用于段落，用于超链接，用于插入图片，和用于无序列表，和用于有序列表。此外，还有、、等元素用于创建表格，、、等用于构建表单，实现用户交互。 在...
HTML视频资源压缩包
05-23
2. **03_HTML超链接、图像、表格、列表.mp4** 在这里，观众可以学习到如何创建超链接（`<a>`标签），插入图片（`<img>`标签），构建表格（`<table>`、`<tr>`、`<td>`等标签），以及使用无序列表（`<ul>`和`<li>`）...
HTML基本标签大全.docx
05-14
HTML基本标签大全涵盖了 HTML 的基本结构、文本标记、字形标记、字符实体、图片标记、超链接标记、列表标记、表格标记、表单标记、音频标签、视频标签和时间标签等多个方面。 基本结构 HTML 文档的基本结构包括 `...
网站视频列表页自动点击进入，自动播放，自动返回，自动翻页。
09-27
网站视频列表页自动点击进入，自动播放，自动返回，自动翻页。
html实现视频播放
09-09
html实现视频播放，demo演示：https://blog.retechs.cn/demo/video
微信小程序视频列表
08-04
微信小程序视频列表点击变化颜色
html调用播放器,JavaScript实现html5视频播放器列表
weixin_30480281的博客
06-07 900
本文将使用HTML5提供的 VideoAPI做一个自定义的视频列表播放器(重点放在视频的顺序播放，列表切换上，并不重新定义控制条)。一、插入视频如果不加上controls属性将不会显示控制条二、HTML结构播放列表进球瞬间胜利庆祝进球瞬间胜利庆祝进球瞬间胜利庆祝 < > 三、js部分1. 首先获取或定义一些需要用到的变量var video = document.getElementB...
html中如何视频列表并播放,JavaScript实现html5视频播放器列表
weixin_39669761的博客
06-29 3103
本文将使用HTML5提供的 VideoAPI做一个自定义的视频列表播放器(重点放在视频的顺序播放，列表切换上，并不重新定义控制条)。一、插入视频如果不加上controls属性将不会显示控制条二、HTML结构播放列表进球瞬间胜利庆祝进球瞬间胜利庆祝进球瞬间胜利庆祝 < > 三、js部分1. 首先获取或定义一些需要用到的变量var video = document.getElementB...
html瀑布流视频列表,实现列表瀑布流布局（纯css或js定位）
weixin_39979159的博客
06-19 619
前言：最近项目好几个都怼到一起，导致好久没有更新了。这里就简单记录下这段时间常常要写的瀑布流列表纯css实现：直接上代码.post-list{/* 列表设置,2列;列间距4*/-webkit-column-count: 2;-webkit-column-gap:16upx;padding: 30upx 16upx;.post-li{-webkit-column-break-inside: avoi...
html播放视频
最新发布
weixin_43956958的博客
09-22 1万+
video播放相关的API：video.duration：整个媒体文件的播放时长，单位svideo.paused ：如果媒体文件被暂停，则返回true；如果还没开始播放，默认返回truevideo.ended ：如果媒体文件播放完毕，则返回truevideo.currentTime：以s为单位返回从开始播放到现在所用的时间。在播放过程中，设置currentTime来进行搜索，并定位到媒体文件的特定位置。
创建视频在线播放_创建一个简单HTML5视频播放列表
cungui5726的博客
08-21 2016
创建视频在线播放Last week two of my students wanted to know if there was a way to create a HTML5 video playlist without using a third-party service such as YouTube. They also wanted a responsive solution that...
HTML第6章上机练习5(制作爱奇艺视频播放列表)
热门推荐
拂欢
07-23 1万+
代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> * { padding:...
正则表达式匹配html超链接、图片、多媒体标签
05-18
可以使用以下正则表达式来匹配HTML超链接： ```html <a\s+(?:[^>]*?\s+)?href=(["'])(.*?)\1 ``` 这个正则表达式匹配`<a>`标签，并且捕获`href`属性的值。可以使用类似以下的代码来提取所有匹配的链接： ```python import re html = '<a href="https://www.example.com">Example</a><a href="https://www.google.com">Google</a>' links = re.findall(r'<a\s+(?:[^>]*?\s+)?href=(["\'])(.*?)\1', html) for link in links: print(link[1]) ``` 这个代码将输出两个链接： ``` https://www.example.com https://www.google.com ``` 同样，可以使用以下正则表达式来匹配HTML图片标签： ```html <img\s+(?:[^>]*?\s+)?src=(["'])(.*?)\1 ``` 这个正则表达式匹配`<img>`标签，并且捕获`src`属性的值。可以使用类似以下的代码来提取所有匹配的图片链接： ```python import re html = '<img src="https://www.example.com/image.jpg"><img src="https://www.google.com/logo.png">' images = re.findall(r'<img\s+(?:[^>]*?\s+)?src=(["\'])(.*?)\1', html) for image in images: print(image[1]) ``` 这个代码将输出两个图片链接： ``` https://www.example.com/image.jpg https://www.google.com/logo.png ``` 对于多媒体标签，可以使用以下正则表达式来匹配`<video>`和`<audio>`标签： ```html <(?:video|audio)\s+(?:[^>]*?\s+)?src=(["'])(.*?)\1 ``` 这个正则表达式匹配`<video>`和`<audio>`标签，并且捕获`src`属性的值。同样，可以使用类似以上例子的代码来提取所有匹配的多媒体链接。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值