Html5元素及基本语法

HTML标签

开始标签(oPEning tag):开放标签
结束标签(closing tag):闭合标签

元素

定义：HTML元素指的是从开始标签到结束标签的代码（元素以开始标签为起始以借宿标签终止）
元素的内容：元素的内容指的是开始标签与结束标签之间的内容

元素的特点：
1，大多数HTML元素可嵌套（可以包括其他的HTML元素）
2，HTML文档有嵌套的HTML元素构成
3，不要忘记结束标签，未来的HTML版本不允许省略结束标签
4，空的html元素
5，没有内容的html元素被称为元素的空内容，空元素是在开始标签中关闭的
注意：
空元素和空内容的区别：空元素的开始标签和结束标签是相同的，注重的是标签。空内容指的是元素内的内容是空的，注重的是内容。

HTML基本结构

:不是标签，只是用以声明帮助浏览器正确地现实网页

 !doctype html>
     html>
     head>
     meta charset="utf-8">
     tITle>
    无标题文档/title>
     style>
  #box1{
         background-color:red;
 }
 .p1{
    background:yellow;
}
 .p2{
    border:1px solid #000;
}
      /style>
     /head>
      body>
      !-- id只能是唯一的 -->
     p style="width:100px;
     height:100px;
     border:1px solid #000;
    " id="box1 box2">
    /p>
        !--class可以是多个的-->
     p  style="width:100px;
     height:100px;
    "  class="p1 p2" >
    /p>
      !--class可以是多个的-->
      a href="#" title="我是一个提示信息">
    我是一个链接/a>
      /body>
     /html>
    

HTML标签

开始标签(opening tag):开放标签
结束标签(closing tag):闭合标签

元素

定义：HTML元素指的是从开始标签到结束标签的代码（元素以开始标签为起始以借宿标签终止）
元素的内容：元素的内容指的是开始标签与结束标签之间的内容

元素的特点：
1，大多数HTML元素可嵌套（可以包括其他的HTML元素）
2，HTML文档有嵌套的HTML元素构成
3，不要忘记结束标签，未来的HTML版本不允许省略结束标签
4，空的html元素
5，没有内容的html元素被称为元素的空内容，空元素是在开始标签中关闭的
注意：
空元素和空内容的区别：空元素的开始标签和结束标签是相同的，注重的是标签。空内容指的是元素内的内容是空的，注重的是内容。

HTML基本结构

:不是标签，只是用以声明帮助浏览器正确地现实网页

 !doctype html>
     html>
     head>
     meta charset="utf-8">
     title>
    无标题文档/title>
     style>
  #box1{
         background-color:red;
 }
 .p1{
    background:yellow;
}
 .p2{
    border:1px solid #000;
}
      /style>
     /head>
      body>
      !-- id只能是唯一的 -->
     p style="width:100px;
     height:100px;
     border:1px solid #000;
    " id="box1 box2">
    /p>
        !--class可以是多个的-->
     p  style="width:100px;
     height:100px;
    "  class="p1 p2" >
    /p>
      !--class可以是多个的-->
      a href="#" title="我是一个提示信息">
    我是一个链接/a>
      /body>
     /html>
    

觉得可用，就经常来吧！ 欢迎评论哦！ html5教程，巧夺天工，精雕玉琢。小宝典献丑了！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！