html css——多媒体元素

一、 多媒体技术：在html5页面中嵌入视频、音频文件 1、视频标签：<video src="视频文件路径" controls="controls"></video> controls属性的取值： (1)autoplay：自动播放。即页面加载完成后视频文件就开始播放。默认值 (2)loop：循环播放。视频播放结束后重新开始播放 (3)prelo...

是一种提供给开发者针对不同设备需求进行定制化开发的一个接口。可以让我们根据设备的类型（比如：屏幕设备、打印机设备）或者特定的特性（比如屏幕的宽度）来修改页面@media@importurlmedia属性, , 和其他HTML元素指定特定的媒体类型。

min max step：数字步长值 当类型是number range。datetime-local：本地日期时间控件。frameborder：设置嵌套窗口边框显示 0不显示。autoplay：设置阴癖是否自动播放。autoplay：设置阴癖是否自动播放。controls：音频播放器是否显示。controls：音频播放器是否显示。src：设置嵌套窗口打开页面资源路径。loop：设置音频是否循环播放。loop：设置音频是否循环播放。autofocus：焦点框。number：数字输入框。

视频标签- video 使用语法： <!-- 第一种写法 目前用的越来越多 --> <video src="./media/mi.mp4" autoplay="autoplay" muted controls width="100%" loop poster="./images/pink.jpg"></video> 注意，该标签不兼容ie9以下的浏览器 ，且在谷歌浏览器里自动播放视频，视频得默认静音(muted) 常用属性： 兼容写法 &l.

HTML5新特性 语义化标签 （★★） <header> 头部标签 <nav> 导航标签 <article> 内容标签 <section> 定义文档某个区域 <aside> 侧边栏标签 <footer> 尾部标签 多媒体标签 视频标签- video（★★★） 基本使用 当前 <video>元素支持三种视频格式： 尽量使用 mp4格式 使用语法： <video src="media/mi.mp4"></

HTML5 一、什么是 HTML5 HTML5 的概念与定义 定义：HTML5 定义了 HTML 标准的最新版本，是对 HTML 的第五次重大修改，号称下一代的 HTML 两个概念： 是一个新版本的 HTML 语言，定义了新的标签、特性和属性 拥有一个强大的技术集，这些技术集是指： HTML5 、CSS3 、javascript, 这也是广义上的 HTML5 HTML5 拓展了哪些...

1、  内嵌入式框架   2、  滑动字幕：方向—>方式—>速度à延时à次数à鼠标à样式 direction=”滑动方向 left /right / up / dowwn （最终的方向，例如：up是从下网上滑动.默认是left,从右到左）”  behavior=”滚动方式 scroll（默认是这个方式，一圈一圈走） / slide（只走一次，走到最左边或右边方向） / altern

HTML5 的新增特性主要是针对于以前的不足，增加了一些新的标签、新的表单和新的表单属性等。这些新特性都有兼容性问题，基本是 IE9+ 以上版本的浏览器才支持，如果不考虑兼容性问题，可以大量使用这些新特性。以前布局，我们基本用 div 来做。div 对于搜索引擎来说，是没有语义的 发展到了HTML5后，新增了一些语义化标签，这样的话更加有利于浏览器的搜索引擎搜索，也方便了网站的seo（Search Engine Optimization，搜索引擎优化），下面就是新增的一些语义化标签多媒体标签分为 音频 au

技术是没有终点的，也是学不完的，最重要的是活着、不秃。零基础入门的时候看书还是看视频，我觉得成年人，何必做选择题呢，两个都要。喜欢看书就看书，喜欢看视频就看视频。最重要的是在自学的过程中，一定不要眼高手低，要实战，把学到的技术投入到项目当中，解决问题，之后进一步锤炼自己的技术。CodeChina开源项目：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】技术学到手后，就要开始准备面试了，找工作的时候一定要好好准备简历，毕竟简历是找工作的敲门砖，还有就是要多做面试题，复习巩固。

文章目录HTML5 第一天一、什么是 `HTML5`二、`HTML5 ` 新增标签三、多媒体音频标签四、多媒体视频标签五、新增 input 标签六、新增表单属性七、`CSS3 ` 属性选择器(上)八、`CSS3 ` 属性选择器(下)九、结构伪类选择器十、`nth-child` 参数详解十一、`nth-child` 和 `nt-of-type` 的区别十二、伪元素选择器十三、伪元素的案例十四、`2D` 转换之 `translate`十五、让一个盒子水平垂直居中十六、`2D 转换 rotate` HTML5

📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器，已达到打开后就能即时看到网站的效果。📘网站素材方面：计划收集各大平台好看的图片素材，并精挑细选适合网页风格的图片，然后使用PS做出适合网页尺寸的图片。📒网站文件方面：网站系统文件种类包含：html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件；

设计者为了改变这种最基本的超链接样式，利用前面章节所讲的伪类选择器，按照“a:link-→a: visited-→a: hover→a: active→”的顺序，设置不同的链接访问状态效果，为文本超链接添加复杂而多样的样式。<a> 元素最重要的属性是 href 属性，它指示链接的目标，如果未设置href 属性，后续多个属性均无法使用，则只是超链接的占位符。虽然使用list-style-image 属性很容易实现设置列表项图像的目的，但这个属性不能够精确控制图像替换的项目符号距离文字的位置。

本章深入探讨了HTML中的标签使用，包括如何在网页中添加背景音乐、多媒体对象以及其他元素。特别提到了<bgsound>标签已被弃用，建议使用<audio>标签，并介绍了<object>元素用于嵌入多媒体内容。同时，本章也对HTML中用于创建滚动效果的<marquee>标签及其属性进行了介绍，并强调了HTML作为网页开发基础语言的易学性和对搜索引擎的友好性。

音频标签和视频标签使用方式基本一致浏览器支持情况不同谷歌浏览器把音频和视频自动播放禁止了我们可以给视频标签添加 muted 属性来静音播放视频，音频不可以（可以通过JavaScript解决）视频标签是重点，我们经常设置自动播放，不使用 controls 控件，循环和设置大小属性。

W3C：万维网联盟，制定了HTML和CSS的语言规则。目前，最新的的版本为HTML5和CSS3。HTML，全称Hyper Text Makeup Language，超文本标记语言。它是前端三大基础语言之一，是用于描述页面结构的语言。如果说构建一个网页相当于盖一座房子，HTML的作用就是建造房子的承重框架。CSS是前端三大基础语言之一，在W3C组织定义的语言标准中，是用于描述页面展示的语言。CSS决定页面长什么样子（类似于给房子装修）。

基础知识 HTML5 基础入门 HTML5 的基本概念 什么是HTML5   HTML5 是标记语言，使用标记标签描述网页。 HTML与XHTML   XHTML是可扩展的超文本标记语言，是一种置标语言，是更严格、更纯净的HTML版本。XHTML是以XML格式编写的HTML。XHTML具有<!DOCTYPE…>强制性、元素必须合理嵌套、元素必须有关闭标签、空元素必须包含关闭标签、元素必...

1. 块元素HTML5定义了8个新的HTML语义(semantic)元素，这些元素都是块级元素。为了能让旧版本的浏览器正确显示这些元素，可以设置CSS的属性为block：header, section, footer, aside, nav, main, article,figure{display: block;}2. 添加新元素向HTML添加的新的元素，并为该元素定义样式，元素名为：C...

🥇 关于作者: 💬历任研发工程师，技术组长，教学总监；曾于2016年、2020年两度荣获CSDN年度十大博客之星。 十载寒冰，难凉热血；多年过去，历经变迁，物是人非。 然而，对于技术的探索和追求从未停歇。 💪坚持原创，热衷分享，初心未改，继往开来！🍵茶文化网站、🏳️‍🌈中华传统文化题材、京剧文化🔏水墨风书画、中国民间年画文化艺术网站 、等网站的设计与制作。🏷️ 这个首页代码运用了DIV盒子的使用方法，如盒子的嵌套、浮动、margin、border、background等属性的使用，外部大盒