h系列标签
- 作用:给文本添加标题语义
- 一共六个
h1-h6
- 被H系列标签包裹的内容会独占一行
- 企业开发时,慎用H标签,一个页面一般只有一个H1标签
p
- 作用:告诉浏览器哪些文字时一个段落
- 注意:在浏览器中会单独占一行
- hr标签(Horizontal Rule)
hr
- 作用:在浏览器上显示一条分割线
- XHTML:
<hr/>
或HTML5:<hr>
注释
- 代码:
- 快捷键:command+/
br标签
- 作用:换行
- 格式:
<br>
- 一个
<br>
标签可以连续使用,使用几个就换行几次 - 企业开发中很少使用
img标签
- 代码:
- 注意:不单独占一行
- 属性:
width
:图片宽;height
:高;title
:鼠标悬停在图片上时弹出的文本内容
a标签
- 作用:用于控制页面于页面之间的跳转。
- 格式:
<a href="指定需要跳转的目标界面">需要展示给用户查看的内容</a>
。 - 一个
a
标签一定要有href
属性。 - 如果通过a标签的href属性指定一个URL地址,那么必须在地址前面加上
http:/
或https:/
。 a
标签不仅可以控制文字点击,还可以控制图片点击(将<img src="">
写入<a></a>
中)。a
标签的href属性除了可以指定一个网络地址以外,还可以指定一个本地地址(直接写本地文件的直接地址或间接地址)。a
标签中有target
属性,专门控制网页如何跳转,_self
:在当前选项卡中跳转,不新建界面跳转,_blank
:在新的选项卡中跳转,新建界面跳转。a
标签中有title
属性,a标签中的title
属性和img
标签中的title
属性一样,都是用来控制鼠标悬停时显示的提示文本的。<head><base target="_blank"></head>
,base
标签用于设置所有的<a>
标签如何打开,base
标签必须写在head
标签中,如果既在base
标签中指定target
又在a
标签中指定target
,则浏览器会按照a标签中指定的执行。
假链接
- 概念:就是点击之后不会跳转的链接叫假链接
- 意义:在企业开发前期,其他界面并未写出,不知道该跳转到哪里,故用假链接来代替,当项目后期其他界面已经完成时再将假链接替换为真链接
- 锚点:
id
属性,在HTML中,每一个标签都有一个id
属性,为身份证。- 要想实现通过
a
标签跳转到页面中指定的位置分两步,首先给目标位置的标签添加id属性,然后告诉a标签你需要跳转到的目标标签对应的id。具体代码为: <a href="#目标标签的id"></a>
- 通过a标签跳转到指定位置没有过渡动画
- a标签除了可以跳转到当前页面的指定位置之外,还可以跳转到指定页面的指定位置,具体代码为:
<a href="http://baidu.com#bottom">
在目标链接之后直接加#目标位置的id
,不需要加空格
- 格式:两种:
#
:javascript
:- 两者区别:
#
的假链接会自动跳回到该页面的顶部,而javascript
的假链接不会自动回到页面顶部