HTML笔记----6

最新推荐文章于 2024-07-25 01:51:24 发布
最新推荐文章于 2024-07-25 01:51:24 发布
阅读量153 收藏 1
点赞数 3
文章标签： 笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_70903041/article/details/140569355
版权

音频标签

<audio>标签定义声音，例如音乐或者其他音频，支持的格式MP3, Wav, Ogg；

<audio>属性如下：

属性名作用
src音频文件的路径
controls

提供用户可以操作的控件，比如播放，暂停按钮

autoplay自动播放
loop循环播放
muted静音播放
<body> 
        <audio src="./resource/audio.mp3" controls  ></audio> 
    
    <!-- 考虑浏览器的兼容性，有些音频格式不支持。
        可以使用source子元素，让浏览器自上而下的寻找可以播放的音频文件，
        找到一个能播放的就不会再向下寻找
     -->
        <audio >
            <source src="./resource/audio.mp3">
            <source src="./resource/audio.ogg">

        </audio>
</body>

视频标签

<video>标签定义视频，支持的格式：MP4、WebM、Ogg。

<video>的属性如下：

属性名作用
src视频文件的路径
autoplay自动播放
loop循环播放
width视频播放器的宽度
height视频播放器的高度
controls提供用户控件，比如播放，暂停按钮
muted静音播放
<video >
    <!-- 考虑浏览器的兼容性，有些音频格式不支持。
        可以使用source子元素，让浏览器自上而下的寻找可以播放的音频文件，
        找到一个能播放的就不会再向下寻找
    -->
            <source src="./resource/flower.mp4" >
            <source src="./resource/flower.webm" >

</video>

内联标签

 <iframe>标签：用于将另外一个网页，嵌入当前网页中，是内联标签；

 常用属性：

        src：外部网页的路径

        frameborder：表示是否显示边框， 0表示不显示，1表示显示

        width：调整窗口的宽度；

        height：规定窗口的高度

<body>
    <p>你好，请看qq的网页！</p>
    <iframe src="https://www.qq.com" frameborder="1" width="500px" height="500px"></iframe>
    
</body>

芝奥小婷
关注
  • 3
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML笔记-个人笔记
04-13
X-mind格式，个人笔记
Vue-router学习笔记
01-27
6. **带有自动激活的CSS class的链接**：通过`router-link`组件，可以自动为当前活动的路由添加CSS类，方便进行视觉上的高亮显示。 7. **HTML5历史模式或hash模式**：支持现代浏览器的HTML5 History API，也可以...
印象笔记 - Markdown 入门指南
guoqx的专栏
02-29 1598
其常用的标记符号不超过十个，相对于更为复杂的 HTML 标记语言来说，Markdown 十分的轻量，学习成本也不需要太多，且一旦熟悉这种语法规则，会有沉浸式编辑的效果。而且Windows下不支持绝对路径，只支持相对路径。支持丰富的主流 Markdown 语法：支持文字相关样式、序号列表、任务列表、表格、TOC 目录、多种图表、数学公式、流程图、时序图、甘特图等；将本地图片文件嵌入到笔记中，笔记大小会随着嵌入和删除本地图片而改变，嵌入本地图片后，在笔记编辑模式下，显示成一个一长串字符的图片文件名。
influxdb学习笔记-配置篇
知识就是生产力
06-20 4040
转载：https://www.zoulei.net/2017/12/01/influxdb_config/ 开始一个软件,从读懂它的配置文件开始。以下是读取3.1配置文档的笔记 总结来说，influxdb的配置文件可配置的地方几乎没有。参数性能调优貌似不存在，其中是否开启，是否记录日志都占据了好多部分。额外需要关注的是data章节有一些关于fsync的设置默认是0，还有默认的max...
VNote - Markdown 笔记工具
既然选择了远方 便只顾风雨兼程 - 永强
10-26 6775
VNote - Markdown 笔记工具
前端面试笔记-HTML篇
qq_46354688的博客
03-04 2375
目录HTML行内元素、块级元素以及inline-blockHTML5webStoragewebsocketwebWorker HTML 行内元素、块级元素以及inline-block 行内元素和块级元素的具体区别是什么？inline-block是什么？（面试题目） 行内元素与块级元素区别 行内元素会在一条直线上排列（默认宽度只与内容有关），都是同一行的，水平方向排列。 块级元素各占据一行（默认宽度是它本身父容器的100%（和父元素的宽度一致），与内容无关），垂直方向排列。块级元素从新行开始，结束接着一
WRF-Chem笔记——相关数据下载网址链接
砍柴姑娘Jourosy的博客
12-30 4536
好久又没写博客，太懒了。想想还是应该多写，先搬运点以前的存货。 跑模式的朋友们都知道我们需要各种各样的数据，包括排放数据、初始场边界场数据等等。今天这里先介绍一些常用数据下载地址。 1. 排放数据： 人为排放：包括EDGAR全球排放，亚洲地区MIX排放清单，还有中国地区最常用的MEIC排放清单。 EDGAR: EDGAR 分部门数据： http://edgar.jrc.ec.europa.eu/overview.php?v=432_AP EDGAR_HTAP: 此链接为EDGAR_HTAP 201.
Web笔记-移动前端开发笔记
IT1995的博客
02-16 4902
因为最近有个移动端的小项目，在此稍微学习下移动端开发基础概念。免得用框架的时候莫名其妙。 px(CSS pixels)：逻辑像素，浏览器使用的抽象单位； dp,pt(device independent pixels)：设备无关像素； dpr(devicePixelRatio)：设备像素放缩比； 计算公式：1px = (dpr)^2 * dp 下面先解释下dp，为设备像...
css笔记 z-index
热门推荐
JiuMeilove的博客
10-10 3万+
z-index定义 z-index是相对比较常用的一个语法了 首先先来了解一下z-index的定义把 z-index 属性指定一个元素的堆叠顺序。 拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。 层叠上下文 stack context了解 在讲解z-index咱们先要了解一下层叠上下文（stack context）是什么呢，其实通俗来讲，就是你看电脑的这个方向的一个显示顺序，比如说，桌子上有一大堆纸，你对着它看的话，每一张纸，实际上你就可以理解为一个层叠上下文中的一个层叠顺序（stack l
uni-app学习笔记(1)：模板语法
Errol's Blog
03-03 7652
uni-app学习笔记，模板语法相关
StableDiffusion 学习笔记 - 训练 LoRA
无限进步
03-16 6561
跑了一下，居然爆了我的 3090 涡轮卡的 24G 显存，找打了一片文章，可以调优参数 https://www.cnblogs.com/huggingface/p/17108402.html。最近一直在学习使用 Stable Diffusion，目前开始学习 LoRA 训练，试图使用 LoRA 微调预训练模型，实现脸型替换等常用功能。工具，但是没有理解数据集的准备方式，翻阅代码也没有理解到有用的信息。工具，它可以裁切缩放原始图像，最重要的是。，看了一遍参数，发现传入参数需要。，写了一段简单的代码，从。
Web前端笔记-HTML加载SVG图片及简单修改
IT1995的博客
02-14 3653
加载的用img标签，就可以了，就把他当成普通图片即可，如： <img src="icon/cash-coin.svg" /> 图片是这样的： 在前端的效果就这样了。 简直无法看清，修改下。打开svg，从中看到几个参数： width为宽，height为高，fill为填充的颜色， 改成这样，同时图片也变了： 看看界面： 现在这个好看多了。 本笔记使用到的SVG为cash-coin.svg <svg xmlns="http://www.w3.org/2
HTML 笔记 - eDiary
12-10
HTML是前端开发中不可缺少的一门语言.TML称为超文本标记语言，是一种标识性的语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成...
arduino笔记-20231023更新
05-09
通过"arduino笔记-20231023更新.html"这个文件，读者将能够获得一套全面的学习材料，逐步从零基础成长为熟练的Arduino开发者。这份更新的笔记将涵盖最新技术趋势，确保新手能够跟上 Arduino 技术的发展步伐。
deepseek-vl 论文阅读笔记
samoyan的博客,记录技术成长~
07-22 1108
我们的语言模型基于DeepSeek LLM（DeepSeek-AI，2024），其微设计大体遵循LLaMA（Touvron等，2023a,b）的设计，采用带有RMSNorm（Zhang和Sennrich，2019）函数的Pre-Norm结构，并使用SwiGLU（Shazeer，2020）作为前馈网络（FFN）的激活函数，中间层维度为8/3模型维度。此外，我们引入了一种新的“模态预热”策略。为了促进创新并支持广泛的应用需求，我们公开了两个版本的模型，分别为1.3B和7B，以满足不同计算能力的需求。
ZYNQ 入门笔记（零）：概述
记录代码与生活
07-21 842
作为 AMD Xilinx SoC 的重要组成部分之一，Zynq 系列在视频编码、网络加速、射频信号处理等领域占据重要地位，其将 ARM 硬核 (PS) 与可编程逻辑 (PL) 集成在一块芯片内部，在提升系统整体性能的同时简化了设计流程。然而，初次接触 Zynq 的开发者可能会面临诸多困难，如工具链、开发流程、Block Design、AXI 总线、PS & PL 交互、联合调试等。笔者在此将学习过程中的笔记加以整理，希望能帮助大家快速入门 Zynq，体会软硬件联合开发的乐趣
【Blockly图形化积木编程二次开发学习笔记】5.自动保存与恢复
乙酸氧铍的博客
07-21 212
/ 用户离开页面时自动将块备份到本地存储中。关闭后再次打开，工作区仍存在。// 从本地存储中恢复块。
Typora笔记上传到CSDN
最新发布
m0_48362854的博客
07-25 236
我花了一个小时弄这个 找了很多csdn的笔记 都弄完感觉最方便的还是直接在csdn上写（因为有的之前不是用的阿里云oss 而是gitee 免费仓库 但是好像后来不能使用了 就会导致你上传的笔记图片不显示 很麻烦 使用阿里云或者腾讯云的话 需要花钱 虽然两块钱用一年 但是感觉也是很麻烦 不如直接在网页上写写算了 当然如果笔记图片很多的 还是建议配置一下 ）参考这个配置完阿里云oss 没什么问题 但是PicGo也是参考他的 因为版本是旧的 可以点击我下边的官方链接下载。图片的链接是本地的 当然没法显示。
SAP PP学习笔记31 - 计划运行的步骤2 - Scheduling(日程计算)，BOM Explosion(BOM展开）
shi_ly的专栏
07-24 699
本章主要讲Scheduling(日程计算),其中包括 外部调达中的调度，生产订单中的调度，修改需求日期(其实就是在物料中增加安全时间和BOM中的提前期偏置量)。另外还讲了BOM展开的内容，详细讲了BOM选择的各种方法，除了按数量选BOM之外，还有其他比如 按日期，按生产版本等，而其中按日期又分为按订单开始日期，订单终了日期等，越趋复杂。
javascript学习笔记--查看html元素和改变html的内容
06-01
好的，我可以为您解答关于 JavaScript 学习笔记方面的问题。针对您的问题，查看 HTML 元素和改变 HTML 内容是 JavaScript 中非常常见的操作之一，我们可以通过以下几种方式实现： 1. 通过 `document.getElementById()` 方法获取 HTML 元素，该方法接受一个参数，即需要获取的元素的 ID 值。例如： ``` let elem = document.getElementById("my-element"); ``` 2. 通过 `document.querySelector()` 方法获取 HTML 元素，该方法接受一个参数，即需要获取的元素的 CSS 选择器。例如： ``` let elem = document.querySelector(".my-class"); ``` 3. 通过 `innerHTML` 属性获取或设置 HTML 元素的内容。例如： ``` let elem = document.getElementById("my-element"); console.log(elem.innerHTML); // 获取元素的内容 elem.innerHTML = "新的内容"; // 设置元素的内容 ``` 4. 通过 `textContent` 属性获取或设置 HTML 元素的文本内容。例如： ``` let elem = document.getElementById("my-element"); console.log(elem.textContent); // 获取元素的文本内容 elem.textContent = "新的文本内容"; // 设置元素的文本内容 ``` 希望这些信息能够帮助您更好地了解如何在 JavaScript 中查看 HTML 元素和改变 HTML 内容。如果您有其他问题，请随时向我提出。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值