html&css课堂笔记

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>