• 中文
    • English
  • 注册
  • 赞助本站

    • 支付宝
    • 微信
    • QQ

    感谢一直支持本站的所有人!

    • 查看作者
    • 2:HTML常用标签

      一.  html标签

      所有的网页内容都需要编写在html标签中
      一个页面中的html标签只能有一个
      html标签中有两个子标签:head、body

      <html>
      ……
      </html>

      二.  head标签

      head标签用来表示网页的元数据
      head标签包含了浏览器和搜索引擎使用的信息,head标签中的内容不会在网页显示

      <head>
      ……
      </head>

      三.  body标签

      body标签用来设置网页的主体
      所有在页面中可以看见的内容都应该编写在body标签中

      <body>
      ……
      </body>

      四.  title标签

      title表示网页标题,会显示在浏览器的标题栏

      <head>
          <title>Title</title>
      </head>

      五.  h1~h6标签

      h1~h6 分别对应一级~六级标题

      <h1>一级标题</h1>
      <h2>二级标题</h2>
      <h3>三级标题</h3>
      <h4>四级标题</h4>
      <h5>五级标题</h5>
      <h6>六级标题</h6>

      六.  p标签

      p标签代表一个段落

      <body>
      <p>段落</p>
      </body>

      七.  br标签

      br 标签代表换行
      br标签是空元素
      br标签是行级标签

      <br />

      八.  hr标签

      hr 是水平线标签
      hr标签是空元素

      <hr />

      九.  img标签

      img常用属性:

      • src:指向图片的路径

      • alt:图片的描述(图片加载不出来的时候会显示图片描述内容)

      • width:图片宽度

      • height:图片高度

      • 如果只设置width或者height,则根据width或者hight等比缩放

      <img height="20px" width = "30px" src='a.png' alt="网站logo"/>

      注意,img是自结束标签

      十.  a标签

      a标签是超链接标签
      a标签是行级标签
      a标签常用属性:

      • href:跳转的地址

      • target:打开目标页面的位置

        • _blank:新窗口打开

        • _self:当前窗口打开

      <a href="https://www.google.com" target="_blank">Google</a>
      • name 属性:name 属性用来定义锚(anchor)的名称,可以链接到某个页面的具体的位置

      <html>
      <body>
      <p>
      <a href="#zj">点我跳转到文章底部</a>
      </p>
      ……
      <p>
      <a name="zj">文章底部</a>
      </p>
      </body>
      </html>

      十一.  meta标签

      meta标签主要用于提供有关页面的元信息,比如针对搜索引擎的关键字和描述
      meta标签位于head标签内
      meta标签的属性定义了与文档相关联的名称/值对
      meta是一个自结束标签
      meta的常见用法

      • 设置页面的字符集

      <meta charset='字符集'/>
      • 设置页面的描述

      <meta name='description' content='描述内容'/>
      • 设置网页的关键字

      <meta name='keywords' content='关键字1,关键字2,...'/>

      十二.  转义

      字符名称 字符 转义字符
      小于号

      <

      &lt;

      大于号

      >

      &gt;

      空格

      &nbsp;

      &

      &amp;

      版权 ©

      &copy;

      引号

      &quot;

      注册商标 ®

      &reg;

      商标

      &trade;

      山东省·济宁市
    • 1
    • 0
    • 0
    • 633
    • 十二

      请登录之后再进行评论

      登录
    • 做任务
    • 实时动态
    • 偏好设置
    • 返回顶部
    • 单栏布局 侧栏位置: