HTML基础-标签

来源:互联网 发布:高颜值包装 知乎 编辑:程序博客网 时间:2024/06/06 04:15

h系列标签

  1. 作用:给文本添加标题语义
  2. 一共六个h1-h6
  3. 被H系列标签包裹的内容会独占一行
  4. 企业开发时,慎用H标签,一个页面一般只有一个H1标签

p

  1. 作用:告诉浏览器哪些文字时一个段落
  2. 注意:在浏览器中会单独占一行
  3. hr标签(Horizontal Rule)

hr

  1. 作用:在浏览器上显示一条分割线
  2. XHTML:<hr/>或HTML5:<hr>

注释

  1. 代码:
  2. 快捷键:command+/

br标签

  1. 作用:换行
  2. 格式:<br>
  3. 一个<br>标签可以连续使用,使用几个就换行几次
  4. 企业开发中很少使用

img标签

  1. 代码:
  2. 注意:不单独占一行
  3. 属性:width:图片宽; height:高; title:鼠标悬停在图片上时弹出的文本内容

a标签

  1. 作用:用于控制页面于页面之间的跳转。
  2. 格式:<a href="指定需要跳转的目标界面">需要展示给用户查看的内容</a>
  3. 一个a标签一定要有href属性。
  4. 如果通过a标签的href属性指定一个URL地址,那么必须在地址前面加上http:/https:/
  5. a标签不仅可以控制文字点击,还可以控制图片点击(将<img src="">写入<a></a>中)。
  6. a标签的href属性除了可以指定一个网络地址以外,还可以指定一个本地地址(直接写本地文件的直接地址或间接地址)。
  7. a标签中有target属性,专门控制网页如何跳转,_self:在当前选项卡中跳转,不新建界面跳转, _blank:在新的选项卡中跳转,新建界面跳转。
  8. a标签中有title属性,a标签中的title属性和img标签中的title属性一样,都是用来控制鼠标悬停时显示的提示文本的。
  9. <head><base target="_blank"></head>base 标签用于设置所有的<a>标签如何打开,base 标签必须写在head 标签中,如果既在base标签中指定target又在a标签中指定target,则浏览器会按照a标签中指定的执行。

假链接

  1. 概念:就是点击之后不会跳转的链接叫假链接
  2. 意义:在企业开发前期,其他界面并未写出,不知道该跳转到哪里,故用假链接来代替,当项目后期其他界面已经完成时再将假链接替换为真链接
  3. 锚点:
    • id 属性,在HTML中,每一个标签都有一个id 属性,为身份证。
    • 要想实现通过a 标签跳转到页面中指定的位置分两步,首先给目标位置的标签添加id属性,然后告诉a标签你需要跳转到的目标标签对应的id。具体代码为:
    • <a href="#目标标签的id"></a>
    • 通过a标签跳转到指定位置没有过渡动画
    • a标签除了可以跳转到当前页面的指定位置之外,还可以跳转到指定页面的指定位置,具体代码为:
    • <a href="http://baidu.com#bottom"> 在目标链接之后直接加#目标位置的id,不需要加空格
  4. 格式:两种:
    • #
    • javascript
    • 两者区别:# 的假链接会自动跳回到该页面的顶部,而javascript 的假链接不会自动回到页面顶部
0 0
原创粉丝点击