pink老师前端入门视频教程笔记(下

最新推荐文章于 2023-01-06 17:59:58 发布
最新推荐文章于 2023-01-06 17:59:58 发布
阅读量2.5k 收藏 60
点赞数 4
分类专栏： 前端学习笔记 文章标签： html css css3 html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_43200099/article/details/113863027
版权
这篇博客介绍了HTML5和CSS3的新特性，包括新增的多媒体标签<video>和<audio>，HTML5的input类型与表单属性，以及CSS3的选择器、盒子模型和其他特性。在实际项目应用中，详细讲解了品优购项目的搭建、网站的SEO优化以及Web服务器的相关知识。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

文章目录

HTML5和CSS3提高

HTML5新特性

HTML5添加了新标签、表单、表单属性；都有兼容性问题，支持IE9+以上版本浏览器。
在这里插入图片描述
新增的多媒体标签：
< audio > 音频：MP3格式基本都支持（其他：wav ogg) , < video >视频：尽量用MP4格式(其他：ogg,WebM)

< video >视频标签

在这里插入图片描述

为了视频兼容性：可以写多个格式在这里插入图片描述
在这里插入图片描述
src必须有，controls一般删掉，因为不同浏览器的控件不同。

< audio >视频标签

在这里插入图片描述
谷歌浏览器autoplay被禁用

HTML5 新增input类型

在这里插入图片描述

相关代码如下：必须添加form表单域；输入必须是符合的格式；
在这里插入图片描述
在这里插入图片描述

HTML5新增表单属性

在这里插入图片描述

required表示这一个位置用户必须输入，
在这里插入图片描述
里面的“全棉时代湿巾”就是placeholder提示文本，要改变他的颜色代码如下：
在这里插入图片描述
一般multiple和file一起用！

CSS3新特性

CSS3新增选择器

1.属性选择器 2.结构伪类选择器 3.伪元素选择器

属性选择器

最低0.47元/天 解锁文章
前端 | （ 九）尚品汇实操练习 | 尚硅谷前端html+css零基础教程2023最新
知识库搭建ing
07-21 2534
尚品汇实操练习 | 尚硅谷前端html+css零基础教程2023最新
【前端】CSS详细教程（下篇）
热门推荐
孤寒者的博客
11-02 2万+
爬虫必备前端技术栈 - CSS（下篇）
Web前端学习之CSS课件
01-21
CSS相关技术文档-例如CSS基础：类选择器。就是建立一个类，并为这个类定义一些样式，在需要应用的标签内以class=“类名”的形式套用，例如： .student{color:#00f;} <p class=“student”>张三<p> 类名的前边一定要加上一个小数点(.)以表示这是个类选择器而不是重定义标签 类名建议起得有意思，避免起abcd等没有意思的名字 在需要应用类选择器的标签内用上class属性套用 在标签内用class属性套用时不需要加上小数点 一个标签要套用多个类的样式，可以使用空格隔开。例如<p class=“student name”>张三</p>
pink老师前端入门视频教程笔记(中）
weixin_43200099的博客
02-18 3252
CSS 圆角边框（重点） 可以使盒子模型变圆角，如： border-radius:length; (圆的半径） 解释如下： 当length数值越大弧形越明显。如下：（可以在网页检查中直接调来看效果，但似乎代码本身是不会改变的?只是一个展示而已） 圆角边框的使用 length可以用px或百分比表示。如下：先给圆形准备一个正方形，然后使圆形的半径为正方形的一半。 注意：top-left这种顺序不能打乱； 如果只写两个数字，则左上右下为一对，剩余两个为一对 盒子阴影 ...
pink老师整理笔记:
xingqushiran1989的博客
12-28 5437
HTML基础 https://mp.weixin.qq.com/s/lNkLbVL8qWsay8c3krVL8A 3.JavaScript基础 ：https://mp.weixin.qq.com/s/jcyVEHWkyzv4d71c09I3wA
HTML知识点整理（pink老师课程的学习笔记）
ZMH的博客
02-02 1344
HTML知识点整理 HTML介绍 HTML书写规范 HTML常用标签 1.HTML介绍 Html是用来描述网页(html文件)的一种超文本标记语言。 2. HTML书写规范 (1)基本规范 双标签<> </>；单标签</> 标签间有包含和并列关系 （2）html骨架标签 3.HTML常用标签 .补充：路径知识 ...
前端Javascript第一天理论：初识 JavaScript
m0_46597922的博客
04-20 549
1. 初识 JavaScript 1.1 JavaScript 是什么 布兰登·艾奇（Brendan Eich，1961年～）。 神奇的大哥用10天完成 JavaScript 设计。 最初命名为 LiveScript，后来在与 Sun 合作之后将其改名为 JavaScript。 JavaScript 是世界上最流行的语言之一，是一种运行在客户端的脚本语言 （Script 是脚本的意思） 脚本语...
黑马pink老师Web前端入门笔记（二）
m0_46640262的博客
06-16 693
黑马pink老师Web前端入门笔记Web前端入门（二）（二）HTML标签1 学习目标2 学习内容2.1 HTML语法规范2.2 HTML基本结构标签2.3 开发工具 Web前端入门（二） （二）HTML标签 1 学习目标 2 学习内容 2.1 HTML语法规范 ※ 所有标签由尖括号加关键词组成，如<html >。 ※ 双标签：大部分情况下标签成对出现。<html></html>,其中<html>为开始标签，</html>为结束标签，多一个/。 双
黑马前端pink老师——jQuery入门基础学习笔记
weixin_44566194的博客
10-31 2501
本文将黑马前端 pink老师讲解的 jQuery 入门基础课笔记整理了一遍，包括 jQuery 概述、基本使用、常用API、jQuery 事件、jQuery 插件其他方法等知识点。
pink老师前端入门视频教程笔记(上）
weixin_43200099的博客
12-01 8138
pink老师前端入门视频教程笔记HTML5+CSS3+移动端布局+flex布局rem布局响应式布局摹客蓝湖使用教程笔记基础班学习路线HTML简介网页什么是网页什么是HTML常用浏览器常用浏览器浏览器内核***Web标准（重点）****Web标准的构成*HTML标签HTML语法规范基本语法概述标签关系开发工具功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一
pink老师移动端布局缺失资料.rar
06-10
flex+流式布局+rem+less+响应式
pink老师Javascript基础PPT.zip
02-06
2021年pink老师线下班 Javascript基础班的PPT
jQuery基础自学笔记（pink老师jQuery全内容）
04-12
pink老师jQuery
pink老师的js全视频配套资料.zip
05-10
pink老师的js全视频配套资料 pink老师的js全视频配套资料 pink老师的js全视频配套资料 pink老师的js全视频配套资料 pink老师的js全视频配套资料 pink老师的js全视频配套资料 pink老师的js全视频配套资料 pink老师的js全视频配套资料 pink老师的js全视频配套资料 pink老师的js全视频配套资料 pink老师的js全视频配套资料 pink老师的js全视频配套资料 pink老师的js全视频配套资料 pink老师的js全视频配套资料 pink老师的js全视频配套资料 pink老师的js全视频配套资料 pink老师的js全视频配套资料 pink老师的js全视频配套资料 pink老师的js全视频配套资料 pink老师的js全视频配套资料 pink老师的js全视频配套资料 pink老师的js全视频配套资料 pink老师的js全视频配套资料 pink老师的js全视频配套资料 pink老师的js全视频配套资料
【前端基础-Pink老师】
weixin_62958408的博客
01-06 403
o target指定页面的打开方式，_self为默认值，_blank为在新窗口中打开方式。o 下载链接：地址链接的是文件.EXE或者是.ZIP文件，会下载这个文件。o cellpadding：像素值，单元格边沿与内容的空白，默认1px。表单控件：定义各种表单元素，允许用户在表单中输入或者选择的内容控件。o cellspacing：像素值，单元格之间的空白，默认2px。• checked首次加载时，选中按钮，单选按钮和复选框可以设置。o href是必须写的，用于指定链接的url地址，必须属性。
HTML+CSS学习笔记（pink老师前端课程笔记--补档）
Tiimmi丶的博客
10-31 1万+
开始于2021年8月3日09点59分 课程学习路线：HTML5-> CSS3->H5C3提高->项目拼优购电商网站 仅更新到H5C3提高的C3提高部分（新增选择器），忙于其他事情，暂不继续更新 文章目录HTML1. HTML标签2. HTML基本结构标签3. 网页开发工具4. 标签语义5. 特殊字符6. 表格标签7. 列表8. 表单CSS基础1. 简介2. 选择器3. 字体属性4. 文本属性5. 引入方式6. chorme调试工具CSS入门1. Emmet语法1.1 快速生成HTML结
JS初级笔记PINK老师（已完结）
camustwo的博客
05-19 6302
JS基础部分计算机基础初识JSjs是一门脚本语言浏览器执行JSJS组成JS书写位置JS注释JS输入输出语句变量备注 计算机基础 计算机 硬件 输入/输出设备，CPU，硬盘，内存 软件 系统软件 Windows, Linux, macOS 应用软件 浏览器，QQ，VSCode 程序运行 硬盘（很慢）->内存条->CPU(很快） 初识JS js是一门脚本语言 （1） 不需要编译，运行过程由js引擎逐行来进行解释并执行 （2）nodejs做服务端 浏览器执行JS 浏览
html表格
我爱美女S的博客
10-13 4510
第二天 table是表格，form是表单域 表单由三部分组成： 表单域：整个表单区域，统一汇总要收集的数据，统一提交给后台，例如包含姓名、性 别等完整的用户信息记录； 表单控件（表单元素）：与用户交互，允许用户输入或者选择单个具体的信息，例如姓 名； 提示信息：提示用户每一个表单控件是收集什么信息的。 表格的主要作用是以行、列的方式（表格）整齐地展示数据 三个基本的表格标签：table 表格标签，用于包含多个 tr；tr 定义表格中的行，用于包含多个 td；td 定义表格中的单元格，用于存放单元格内容。
pink老师前端入门p23-p27
m0_47633743的博客
04-01 293
4.6图像标签和路径（重点) 2.路径之相对路径 相对路径: 以引用文件所在位置为参考基础，而建立出的目录路径。 简单来说，图片相对于HTML页面的位置。 相对路径分类: 同一级路径 图像文件位于HTML文件同一级 如 <img src="baidu.gif" /> 下一级路径 符号 / 图像文件位于HTML文件下一级 如<img src="images/baidu.gif" /> 上一级路径 符号 ../ 图像文件位于HTML文件上一级 如<img src="../baid
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值