2、html各类标签介绍

标题标签

<h1></h1>

<h2></h2>

<h3></h3>

<h4></h4>

<h5></h5>

<h6></h6>

作用:告诉浏览器哪些文本是标题

注意点：

1标题标签只是添加语义，而不是修改其样式

2标题标签h1-6 一共6个

3标题按标签中的内容是独占一行的

4标题标签h1最大h6最小

5在企业开发中<h1> 只能使用一次

段落标签

<p></p>

作用：告诉浏览器这段文字是段落

注意：在浏览器中段落独占一行

水平线标签

<hr>

作用：在页面中显示的水平线

注意点：在浏览器中独占一行的

图片标签

作用:在页面中插入图片

格式:<img src="" alt="" title="" height="" width="">

标签属性：src 图片的路径

绝对路径：电脑的物理路径

相对路径：相对自己本页面而言

alt:图片无法显示，指定文字描述

title：鼠标悬浮图片的，提示文字

height:高

width:宽

注意：img标签不是独占一行的

br标签

作用：换行的

注意点：如果这段描述完了换行使用P标签

如果这段没有描述完想换行使用br标签

多个br可以连续使用的 使用多少次就是换多少行

但是在企业中99%的换行都是因为段落的结束而另起段落的 [通过淘宝源代码可查看]

a标签

格式：<a href="" >热点</a>

作用：从一个页面跳转到另一个页面

属性：

href：你要跳转的地址

target: 控制新的页面打开模式

_blank新打开一个页面显示 _self覆盖原网页打开 【默认值】

注意点：

1可以跳转本地页面也可以跳转外网（如 http://www.baidu.com）

2a标签不是独占一行的

3热点可以是图片也可以是文字

4.href必须指定目标地址 不然不知道跳转到何处

base标签

格式:<base target="_blank">

作用：统一指定当前页面的超链接打开方式

注意点：必须写在head标签里面

假链接

作用；在开发的时候页面并没有完全写好的情况下 避免用户体验差 一般做假链接

格式: <a href="#">热点</a>

<a href="javascript:">热点</a>

两者的区别：1# 会自动回到顶部 【淘宝就是这么玩的 回到顶部】

2.javascript不会回到顶部

锚链接

作用：跳转到页面中的指定位置

格式：1 <a href="#two">热点</a>

2 <p id="two">跳转的位置</p>

注意点：除了能跳转本页面指定的位置，还能跳转别的页面的指定为位置

<a href="跳转页面的路径#two">热点</a>