七年Albter-CSDN博客

原创【web前端笔记】尚硅谷web前端零基础入门HTML5+CSS3基础教程（李立超超哥）笔记 P26 音视频播放

audio标签用来向页面中引入一个外部的音频文件音视频文件引入时，默认情况下不允许用户自己控制播放停止属性：controls 是否允许用户控制播放autoplay 音频文件引入时是否自动播放如果设置了autoplay，则音乐在打开页面时会自动播放但是目前来讲大部分浏览器都不会自动对音乐进行播放loop 音乐是否循环播放<audio src="./source/audio.mp3" controls autoplay loop><audio>除了通过src来指定外部

2022-03-28 11:45:49 666

原创【web前端笔记】尚硅谷web前端零基础入门HTML5+CSS3基础教程（李立超超哥）笔记 P24 图片的格式

1.jpeg(jpg)支持的颜色比较丰富，不支持透明效果，不支持动图一般用来显示照片2.gif支持的颜色比较少，支持简单透明，支持动图适合三色单一的图片、动图、logo、小图标3.png支持的颜色丰富，支持复杂透明，不支持动图适合颜色丰富、复杂透明的图片（转为网页而生）4.webp谷歌在2010年推出的专门用来表示网页中的图片的一种格式它具备其他图片格式的所有优点，而且文件还特别的小缺点：兼容性不好效果一样，用小的效果不一样，用效果好的base64将图片使用base64进行

2022-03-28 11:24:13 164

原创【web前端笔记】尚硅谷web前端零基础入门HTML5+CSS3基础教程（李立超超哥）笔记 P23图片标签

图片标签图片标签用于向当前页面引入一个外部图片使用img标签来引入外部图片，img标签是一个自结束标签img这种元素属于替换元素（基于块和行内元素之间），具有两种元素的特点（img标签我们在审查元素的时候是看不到实体图片的，看到的只是它的src，浏览器根据src来显示内容，所以说它是一个替换元素）属性：src属性指定的是外部图片的路径（路径规则和超链接是一样的）alt属性指的是如片的描述，这个描述默认情况下不会显示，有些浏览器会在图片无法加载时显示（比如说这张图片因为某些原因无法显示了，就

2022-03-26 07:30:00 445

原创【web前端笔记】尚硅谷web前端零基础入门HTML5+CSS3基础教程（李立超超哥）笔记 P22超链接的其他用法

超链接的其他用法a标签的target属性作用：用来指定超链接打开的位置可选值：_self 默认值，在当前页面中打开超链接_blank 在一个新的页面中打开超链接因为_self是默认值，所以下面两条语句实现的效果是一样的：<a href="http://www.baidu.com">百度</a><a href="http://www.baidu.com" target="_self">百度</a>当我们点击超链接时，浏览器会在当前页面中打

2022-03-24 23:28:58 241

原创 HTML常用快捷键都在这了看完之后效率暴涨

是这么回事;我今天上网页课的时候，发现好多同学在敲标签的时候敲得很慢，我再仔细一看，好家伙，他们的标签竟然都是一个一个的敲出来的！那效率能高吗？这是当时让敲的代码，很简单，对不对？这是运行结果：其实就是标签的嵌套嘛！可是我看到好多同学都是一个ol标签，一个li标签，一个ol标签，一个li标签的敲的，这效率能高嘛？所以说楼主不是标题党，如果你学会了这些快捷键，将会帮你省下很多的时间好了，废话不多说，我们来介绍一下HTML中那些常用的快捷键：1.** 注释的快捷键**HTML中的注释格式

2022-03-22 21:05:04 23289 3

原创【web前端】一篇文章讲清相对路径与绝对路径 P21

相对路径顾名思义，相对路径就是相对于当前文件来说的路径比如说我是一班的，这个时候我要引用一个二班的内容，用相对路径来引用时就是这么一个过程：我—>我的班级（一班）—>我的年级（一年级）—>我要引用的人的班级（二班）—>我要引用的内容绝对路径就是你的主页上的文件或目录在硬盘上真正的路径，比如，你的Perl 程序是存放在 c:/apache/cgi-bin 下的，那么 c:/apache/cgi-bin就是cgi-bin目录的绝对路径还是上面的例子，使用绝对引用的方式时的过程应

2022-03-17 16:45:00 721

原创【web前端笔记】尚硅谷web前端零基础入门HTML5+CSS3基础教程（李立超超哥）笔记 P20超链接简介

超链接简介相信大家对超链接都不陌生，超级链接简单来讲，就是指按内容链接。超级链接在本质上属于一个网页的一部分，它是一种允许我们同其他网页或站点之间进行连接的元素。各个网页链接在一起后，才能真正构成一个网站。所谓的超链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序。而在一个网页中用来超链接的对象，可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或图片后，链接目标将显示在浏览器上，并且

2022-03-17 16:30:00 261

原创【web前端笔记】尚硅谷web前端零基础入门HTML5+CSS3基础教程（李立超超哥）笔记 P18 列表标签

列表标签有序列表无序列表定义列表有序列表，使用ol标签来创建，使用li表示列表项 <ol> <li>结构（骨架）：HTML用于描述页面的结构</li> <li>表现（皮肤）：CSS用于控制页面中元素的样式</li> <li>行为（交互）：JavaScript用于响应用户操作</li> </ol>显示效果：无序列表，使用ul

2022-03-17 16:00:00 243

原创【web前端笔记】尚硅谷web前端零基础入门HTML5+CSS3基础教程（李立超超哥）笔记 P16 语义化标签

语义化标签

2022-03-15 16:45:00 271

原创【web前端笔记】尚硅谷web前端零基础入门HTML5+CSS3基础教程（李立超超哥）笔记 P17 语义化标签（布局标签）

语义化标签（布局标签）header 表示网页的头部main 表示网页的主体部分（一个页面中只会有一个main）footer 表示网页的底部nav 表示网页中的导航aside 和主体相关的呢其他内容（但不属于主体，比如说侧边栏就可以用aside标签）article 表示一个独立的文章section 表示一个独立的区块，上边的标签都不能表示时使用sectiondiv 没有语义，就用来表示一个区块，目前来讲div还是我们主要的布局元素（块一般使用）span 行内元素，没有任何语义，一般用于在网页

2022-03-15 16:00:00 200

原创【web前端笔记】尚硅谷web前端零基础入门HTML5+CSS3基础教程（李立超超哥）笔记 P15 meat标签

meta标签meta标签主要用于设置网页中的一些元数据，元数据不是给用户看的，是给浏览器或搜索引擎爬虫程序看的meta标签中常用属性：

2022-03-14 15:57:56 573

原创【web前端笔记】尚硅谷web前端零基础入门HTML5+CSS3基础教程（李立超超哥）笔记 P14 实体

实体（转义字符）在网页中编写到多个空格默认情况会自动被浏览器解析为一个空格运行结果：在HTML中，有时候不能直接书写一些特殊符号比如：多个连续的空格，字母两侧的大于号和小于号ac在数学中这么表示是没有错的，但是在HTML中会出现什么结果呢？运行结果：网页中只出现了ac，而c似乎还有一点加粗效果为什么会出现这种结果呢原来HTML中有一个标签叫b标签，它的功能就是加粗文本HTML把大于号和小于号看成是标签两侧的尖括号了！那么，为了避免这种情况，方便我们在网页中书写这些特殊符号，

2022-03-10 16:00:00 850

原创【web前端笔记】尚硅谷web前端零基础入门HTML5+CSS3基础教程（李立超超哥）笔记（附原视频链接）

本笔记从原视频的第11开始，11集之前的视频只是一些基础知识和简介，大家有想看的可以点击下方链接听一听。尚硅谷前端链接网页的基本结构这也是我们新建一个HTML文件后默认的结构<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> </body></html&g

2022-03-09 17:00:00 636

weixin_60737025的博客