目录 前言 一、音频标签：audio 1.audio简介 2.常用属性 3.兼容问题 二、视频标签：video 1.video 总结 ---- 前言 今天学习了尚硅谷老师的html基础课程，主要是音视频的标签的属性和使用方法...html中插入音频和视频的方法基本相同，这里以音频为例进行演示 音频格式：mp3、ogg、wav 视频格式：mp4、ogv、webm ---- 一、音频标签：audio 1.audio简介 audio标签用来向页面中引入一个外部的音频文件...以下情况在页面中不会显示，需要加上controls： 3.兼容问题 一般插入音视频，浏览器都兼容，但是IE8会无法显示，此时有两种方法。... 总结 以上就是今天的学习笔记啦，希望对大家有帮助~
$sure_pass = "<a class=\"fa fa-chevron-circle-up\" href=\"javascript:;\" onclick...
语法如下： element.insertAdjacentHTML(position, html); position是相对于element元素的位置，并且只能是以下的字符串之一： beforebegin...html是字符串被解析成HTML或XML插入到DOM树中。
问题: 中能不能插入? 插入会如何?...先试验一下 image.png 我们可以看到, 把分成了两段, 并且div外字段并不在内 解答: 可以在HTML标准(https://www.w3.org/TR/html401.../struct/text.html#h-9.3.1)中看到, 虽然是块级元素, 但是只能包含行内元素, 不能包含块级元素(包括自己) image.png
插入标记 我们之前用的api大多数都是获取元素内容，HTML5规范中定义了一个向标签元素内添加内容的方法。...insertAdjacentHTML()和inserAdjacentText() 这俩个方法都接受俩个参数，第一个参数是固定的，必须是以下4中类型 "beforebegin"，插入当前元素前面，作为前一个同胞节点...； "afterbegin"，插入当前元素内部，作为新的子节点或放在第一个子节点前面； "beforeend"，插入当前元素内部，作为新的子节点或放在最后一个子节点后面； "afterend"，插入当前元素后面...，作为下一个同胞节点 他们的第二个参数就和我们上面innerHTML和outerHTML中需要的属性一样了，我这里写一个方式吧。...性能问题 我们虽然这样操作的话会比我们修改HTML中的内容方便，但是我们修改的内容如果还有其他绑定js事件或者操作，就会导致内存占用比较大，我们在用的时候一定要注意被替换的元素上所关联的js事件。
DOCTYPE html> text专用 div...DOCTYPE html> text专用 div... 我是顶部对齐 伪元素选择器 选择符 简介 ::before 在元素前面插入内容...::after 在元素后面插入内容 before和after必须有 content 属性 before和after会创建一个元素，都是 行内元素 在dom里面是看不见这个元素，所以叫伪元素 权重为1
body主体标签 background="设置背景图片" bgproperties="fixed(背景永远跟随鼠标滑动)" bgcolor="设置背景底色" t...
HTML中的颜色：可以是颜色单词：red/blue/green/yellow... ...二、HTML 中 HEAD 头部设置 设置网页编码： 关键字：...三、HTML 中的文本标签、格式化标签 文本标签： 1. * 换行 2. *... 换段 3. ......> 以前使用的是 使用锚点： 跳到a1处 五、*图片标签 img 在网页中插入一张图片...在 HTML 5 中，type 属性有很多新的值。
HTML的笔记(上) 什么是HTML HTML：Hyper Text Markup Language(超级文本标签语言) HTML页面结构 有两部分组成： 文档类型声明 作用：告诉浏览器使用的是HTML...doctype html> HTML页面部分 作用：表示页面的开始和结束 语法：在文档类型声明的下面编写一对标记 Html标签里面有两个标签，分别是 ...doctype html> 标签的嵌套 在一个标签中，出现另外一个标签，从而形成层叠关系，里面的标签又称为“子标签”，外面的标签又称为“父标签” 推荐写法： 在子元素前，...代码中的回车和空格 语法： 网页中的图像 用于表示网络中任意资源(图片、视频、音频、文件)的位置（或路径） URL：统一资源定位符(Uniform Resource Locator...表主体行分组可以将若干个行，放在中,进行统一设置注意：若不对table中的数据进行分组，默认都在中 表格的嵌套被嵌套的表格必须写在里面.
例： 单标签：只有开始标签，没有结束标签，可以手动添加 “/” 表示闭合。...> 网页主体内容 专业的开发工具支持 HTML 代码补全功能，如 VSCode 中，创建好 HTML 页面以后可以输入英文感叹号...doctype html> <!...想要实现页面中的换行，需要借助于换行标签。 字符实体： 某些情况下，浏览器会将一些特殊字符按照 HTML 的方式解析，影响显示结果。... 页面底部区域 图片与超链接标签 图片标签 ：用于在网页中插入一张图片。
DOCTYPE HTML>标题标签...诗文在浏览器中显示为： ? ---- 为你的网页中添加一些空格 在html代码中输入空格、回车都是没有作用的。要想输入空格，必须写入nbsp;。...不要忘了那个分号 在html代码中输入空格是不起作用的，如下代码。 ? 在浏览中显示，还是没有空格效果。 ? 输入空格的正确方法： ? 在浏览器中的显示出来的空格效果。如下图所示。 ?...code> 注意：在文章中一般如果要插入多行代码时不能使用标签了。...---- 认识标签，为网页插入图片 在网页的制作中为使网页炫丽美观，肯定是缺少不了图片，可以使用标签来插入图片。
HTML笔记（4） 开始今天的学习： HTML中的注释： 特殊字符： 特殊字符 字符代码 空格 (Non-breaking space) >大于 >(greater than) <小于 <(less than) HTML...生成表格 定义表格(table)的标签： 定义表格中的行(table row)： 必须嵌套在标签中 定义表格中单元格的内容...(table data)： 必须嵌套在标签中 通常第一行是表头，可以设置表头单元格标签(table head)： 基本格式如下： 百度 2 盗墓笔记
本文作者：IMWeb 我饿了 原文出处：IMWeb社区 未经同意，禁止转载 HTML——学习笔记 我是next 3期学员dengyu，这是我的HTML学习笔记，欢迎大家指正错误。... viewport(移动端的窗口)这个属性常用于设计移动端网页，相关属性如下： 1.width：控制 viewport...HTML注释不会显示在浏览器页面中，是给我们程序员看的，一般用于对代码的说明和注释代码不让代码执行。HTML的注释语法很简单，注释开始符“<!...13、HTML字符实体 预留字符 在 HTML 中，某些字符是预留的不能直接使用，如小于号（），直接使用会误认为它们是标签。...空格 浏览器总是会截短 HTML 页面中的连续空格。所以如果你在HTML代码中连续输入多个空格，最后也只会显示一个空格。 那么如何才能实现连续多个空格呢？这就需要用到我们的\ 字符实体了。
HTML 文档包含了HTML 标签及文本内容 HTML文档也叫做 web 页面 <!...空元素是在开始标签中关闭的。 就是没有关闭标签的空元素（ 标签定义换行）。 在 XHTML、XML 以及未来版本的 HTML 中，所有元素都必须被关闭。...在开始标签中添加斜杠，比如 ，是关闭空元素的正确方法，HTML、XHTML 和 XML 都接受这种方式。...HTML 属性 name="value" style：规定元素的行内样式（inline style） 标签在 HTML 页面中创建水平线。 HTML 代码中的所有连续的空行（换行）也被显示为一个空格。
JavaScript插入html页面的方法 本教程操作环境：windows7系统、javascript1.8.5版&&HTML5，DELL G3电脑。...1、在HTML中使用 元素，内部直接嵌入JavaScript代码 function () { ...} 以上就是JavaScript插入html页面的方法，希望对大家有所帮助。更多Javascript学习指路：Javascript 收藏 | 0点赞 | 0打赏
HTML笔记(6) 昨天一直在学习python的自动登录，教务系统已经可以成功登录了，但是12306还不行。今天继续学习HTML。...下拉表单元素 使用场景：在页面中，如果有多个选项让用户选择，并且想要节约页面空间时，我们可以使用标签控件定义下拉列表....在表单元素中,标签是用于定义 多行文本输入的控件. 使用多行文本输入控件,可以输入更多的文字,该控件常见于留言板,评论....基本语法: 文本内容 cols="每行的字符数", row="显示的行数" 注意: 实际开发中不会使用这两个属性...DOCTYPE html> <meta http-equiv="X-UA-Compatible
HTML学习笔记（2） 今天是学习的第二天，但是一直在上课，所以没学多少，还是趁着上课偷偷学的。...学习笔记： 和标签 div是division的缩写，表示分割、分区 （div是块级标签）。 span的意思是跨度、跨距 （span是行级标签）。 特点： 1....图像标签和路径 标签用于定义HTML页面中的图像，img是image的缩写。 src（source的缩写）是的必要属性，它用于指定图像文件的路径和文件名。...实践：（代码和在浏览器中效果展示） 高度和宽度一般只要调整一个就可以，他会自动根据比例缩放，而border在HTML中不常设置，会在CSS中设置，所以这里不展示了，以后会学的。...路径（前期铺垫知识） 目录文件夹：就是普通文件夹，里面存放我们做页面所需要的相关素材，比如HTML文件，图片等。 根目录：打开目录文件夹的第一层就是根目录。
HTML笔记（3） 今天考完试了，晚修的时候学习了HTML，回到寝室实践+总结。...-- 内部链接的使用 --> 时事新闻 空链接 效果展示： 锚点链接 有时候我们在浏览内容很多的页面时，会有一些超链接按钮帮助我们直达想看的内容，这就是锚点链接，比如百度百科里的目录： 设置锚点链接的方法： 在链接文本的href属性中，
HTML笔记（5） 列表标签： 表格是用来显示数据的，那么列表就是用来布局的，列表最大的特点就是整齐，根据使用场景的不同，列表可以分成三大列： 无序列表、有序列表和自定义列表。...无序列表（重点） (unordered lists)标签表示HTML页面中项目的无序列表，一般以项目符号呈现列表项，而列表项使用(list item)标签定义。...在HTML中，(ordered lists)标签用于定义有序列表，列表排序以数字显示，并且用标签来定义列表项....自定义列表 在HTML中，（definition lists）标签用于定义描述列表（或定义列表），该标签会与（definition term)(定义项目/名字)和（definition...表单的组成： 表单域 表单控件（也叫做表单元素） 提示信息 表单域： 表单域是一个包含表单元素的区域 在HTML中，标签用于定义表单域，以实现用户信息的收集和传递。
latex排版之插入图片： 在排版图片之前，个人认为不管用不用到，引入下面两个包： \usepackage{graphicx} \usepackage{subfigure} （1）插入单个图片，图片格式为...\end{figure} 上面代码，第一行中[h]代表图片就在当前位置，有的时候latex排版的时候图片太大，而剩余的空间太小，latex就会自动将图片放在文档中的一个合适的地方，如果不想这样，可以加上...第三行表示插入图片的长宽，后面的3代表图片的名字，这个我在文件夹中的名字是3.png。 第四行表示图题。...（2）并排插入两张图片（每张图片有自己的图题），这种方法会使latex中图片的编号顺序向后增加。...发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/133090.html原文链接：https://javaforall.cn
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
