我的前端学习历程02HTML基本标签2

---

前言

宝剑锋从磨砺出，梅花香自苦寒来。没有一件事情是容易的，学习和工作都不是轻松就能完成的。压榨压榨自己，明天会变得更好

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、img标签

图片标签<img>可以将图片的路径放在这里，在页面显示图片，让页面更美观
img标签是单标签 属性如下
src 图片路径，可以是绝对路径（网络路径和文件的绝对路径），还有相对路径（该文件同一级别的文件）
alt 当图片不能显示时给与用户提示（该属性可以防止图片失效时，让用户知道这里有一张图片，和图片的信息描述）
title 鼠标悬停给与用户提示
width,height 填写img的像素，影响图片显示

<!--我的头像信息-->
<img src="https://profile.csdnimg.cn/B/7/E/1_doiwed" alt="我的头像" title="我的头像" width="150px" height="150px"/>

二、video视频展示标签

视频播放标签是双标签，网页一般只能识别的视频格式为.mp4格式，如果想支持其他格式，就要自己写一个播放器了
src 填写视频的路径
controls 播放插件 当属性和属性值一样时可以只写属性

<video src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4" controls></video>

因为csdn不支持播放视频视频显示不出来

三、audio音频展示标签

这个标签和video 标签一样是双标签 ，网页一般只能识别格式为.mp3格式

<audio src="http://m10.music.126.net/20180809173001/070d716213a3cf7cb910b5b88b638eb8/ymusic/687c/a444/e9e3/66452e1efb0e3f108d6b899010c13ba8.mp3" controls></audio>

四、超链接

< a > 标签点击a标签就可以跳转页面

属性：href 地址路径 属性：target 跳转方式

默认使用_self 原窗口打开

_blank 新窗口打开，可以打开多个新窗口

new 新窗口打开,只打开一个新窗口

<a href="https://blog.csdn.net/doiwed?spm=1001.2101.3001.5343" target="_self">默认去往我的主页</a>
<a href="www.baidu.com" target="_blank">打开新窗口去往我的主页</a>
<a href="www.youku.com" target="_new">只打开一个新窗口去往我的主页</a>

默认去往我的主页
baidu
youku

当超链接 设置 name 属性时可以实现从顶部到底部的功能
空连接 跳转到网页顶部

<a href="#text">顶部</a>
<!-- 中间部分-->
<a href="#" name="text">底部</a>

五、字体标签

<sup>上标</sup>
<sub>下标</sub>
<small>小号字体</small>
<big>大号字体</big>

sup标签和sub标签可以实现数字显示
例如 4的2次方：
4²

log₂23

	4<sup>2</sup>
	log<sub>2</sub>231