简介

  1. 标签名对大小写不敏感。

  2. 标签有自己的属性：

    • 基本属性：可以修改简单的样式效果
    • 事件属性：可以直接设置事件响应后的代码
      1. <body bgcolor="#faebd7" onclick=alert("cool")>
      2. </body>
      3. <!--bgcolor表示背景颜色  onclick表示点击后显示的信息-->
      1. <body bgcolor="#faebd7">
      2. <button onclick=alert("Hi!!!")>click here</button>
      3. </body>

  3. 标签分为单标签和双标签：

  • <标签名/>
  • <标签名>封装的数据</标签名>
    1. <body bgcolor="#faebd7" onclick=alert("this"+"backgoundcolor"+"so"+"cool")><!--body标签是整个HTML的主体内容-->
    2. hi,i am Tan
    3. <hr/>
    4. <button onclick=alert("Hi!!!")>click here</button><br/>
    5. </body>
    6. <!--hr水平线  br换行-->
    image.png

    标签语法

  1. 标签不能交叉嵌套
  2. 必须正确关闭
  3. 属性必须有值，值用双引号引起

  4. 注释不能嵌套

    1. <body>
    2. <div><span>你好哇</span></div>
    3. <hr/>
    4. <font color="orange">你好哇</font>
    5. <hr/>
    6. </body>

    image.png

    常用标签

  5. font

    1. <!--常用标签-->
    2.      <!--font-->
    3.      <font color="#006400" face="宋体" size="6">你好哇</font>
    4.      <!--face是字体-->