一，img标签

1，什么是img标签？     

img其实就是image的缩写，所以这个标签的作用是，告诉浏览器要显示一张图片。

2，img标签的书写格式

  书写格式：<img src=" ">

其中，src是source的缩写，用来告诉img标签，所要显示的图片的名称。

3，注意点

1）和H系列标签/p标签还有Hr标签不一样, img标签不会独占一行

2）如果我们手动指定了img标签显示的图片的宽度和高度,有可能会导致图片变形,那么如果又想指定宽度和高度,又不想让图片变形.我们可以只指定宽度和高度其中的一个值即可

3）只要指定了高度,系统会自动根据高度计算出宽度,只要指定了宽度,系统会自动根据宽度计算出高度,并且都是等比拉伸的,也就是说不会变形

4，img标签的其他属性

width:宽度

height:高度

作用：在img标签中width/height这两个属性的作用,就是用来告诉img标签将来需要显示的图片有多宽有多高，如果不指定图片宽高，那么浏览器就会按照系统默认的值来确定。

title:当鼠标悬停在图片上时，弹出框需要显示什么内容。

alt:是英文alternate的缩写,它的作用就是用于告诉浏览器,当需要显示的图片找不到时显示什么内容。

二，Br标签

1，如何在HTML中换行?

可以使用br标签

2，书写格式

格式：<br>

3,注意点

1）多个br标签可以连续使用,使用了多少个br标签就会换多少行

2）由于HTML的作用就是用来给文本添加语义,而br标签的语义是不另起一个段落换行,而在企业开发中一般情况下需要换行都是因为需要另起一个段落,所以在企业开发中很少使用br标签

三，A标签

1，什么是A标签？

a标签的作用:就是用于控制页面与页面之间跳转的

2，格式：<a href="指定需要跳转的目标界面">需要展现给用户查看的内容</a>

3，标签中有一个叫做target属性,这个属性的作用就是专门用于控制如何跳转

1）_self:用于在当前选项卡中跳转,也就是不新建界面跳转.默认就是_self

2）_blank:用于在新的选项卡中跳转,也就是新建界面跳转

另外，a标签中还有一个属性,叫做title. a标签中的title和img标签中的title一样,都是用来控制鼠标悬停

时显示的提示文本的。

4，注意点

1）a标签不仅可以让文字可以点击,还可以让图片也能够被点击

2）一个a标签必须有一个href属性,否则a标签不知道要跳转到什么地方

3）如果通过a标签的href属性指定一个URL地址,那么必须在地址前面加上http://或https://

4）a标签的href属性除了可以指定一个网络地址以外,还可以指定一个本地地址

四，BASE标签

base标签就是专门用来统一的指定当前网页中所有的超链接(a标签)需要如何打开。

注意点：

1.base标签必须写在head标签的开始标签和结束标签之间

2.如果既在base中指定了target又在a标签中指定了target,那么浏览器会按照a标签中指定的来执行

五，其他常用HTML标签

1，H系列标签

1）作用：用来书写文章标题的。

2）书写形式

格式：<h1>标题</h1>(双标签)

3）常见的H标签还有h2 h3 h4 h5 h6,从h1~h6,字体越来越小，最多到h6。没有H7。

2，P标签

1）作用：书写段落

2）格式：<p>内容</p>（双标签）

3，hr标签

1）作用：用来在网页中插入一条横线。

2）格式：<hr>（单标签）