html&css知识点
1.标签
a标签
<a href="http://baidu.com" target="_black">这是超链接标签</a><a href="http://baidu.com" target="_black">这是超链接标签</a>
<!--
target属性,用来指定超链接打开的位置
可选值:_self 默认值 在当前页面打开超链接
_black在一个新页面打开超链接 -->
<a href="#">回到顶部</a>
<!--
可以将超链接的href属性设置为#,这样点击超链接后页面不会发生跳转,而是转到当前页面顶部位置。 -->
<a href="#id名称">指定去某个位置</a>
<p id="第一个地方">
</p>
<a id="第二个地方"> </a>
<!--
也可以跳转到页面指定位置,只需要将href属性设置#目标元素的id属性值-->
<a href="javascript">用做占位没有作用</a>
2.图片标签
img标签
<img src="图片路径">
<!--
图片标签用于向当前页面引入一个外部图片
使用img标签来引入外部标签,img标签是一个自结束标签
src属性指定的是外部图片的路径(路径规则和超链接一样)
注意:相对路径与绝对路径
alt属性:图片的描述,默认情况下不会显示,搜索引擎会根据alt中的内容来识别图片
width属性:图片宽度
higth属性:图片高度
图片的格式:jpeg,gif,png(网页多用),webp(包含前三种功能,兼容性不好),base64
3.内联框架
<iframe src="" width="" height="" frameborder="">
<!--frameborder属性指定内联框架的边框-->
</iframe>
内联框架,用于向当前页面中引入一个其他页面.但是内联框架中的内容不会被浏览器爬取。
4.音视频
<audio src="" controls autoplay>
对不起,您的浏览器不支持播放音频,请升级浏览器!
<source src="">
<!--source标签的使用使代码更严谨-->
</audio>
<!-- audio标签用来向页面中引入一个外部的音频文件,默认情况下不允许用户自己控制,用户可以使用controls属性控制,autoplay控制音频自动播放-->
<video controls>视频标签用法与audio标签相同
<source src="">
</video>