HTML001-优快云博客

1.网页结构

1.手敲网页结构
2.每一行代码意思要讲出来

<!-- 要求：
    1、手敲网页结构
    2、每一行代码意思要讲出来 -->
<!-- 文档声明   是放在网页结构的最前面，一开始就告诉浏览器，我是按照规范编写，防止浏览器编译进入
     怪异模式，从而出现乱码
    -->
<!DOCTYPE html>
<!-- html 根标签/根元素，一个页面只能有一个html标签 所有的内容都要写在html中-->
<html lang="en">
  <!-- head标签  里面放一些元信息  它里面内容不会在页面中出现，帮助浏览器解析页面的 -->
  <head>
    <!-- meta 设置元信息的  自结束标签
     属性   charset属性   字符集    
              编码  解码
     属性值  UTF-8属性值   万国码
            GB     中国
            GBK    中国扩展版
     -->
    <meta charset="UTF-8" />
	<meta name="keywords" content="手机,手机报价,手机价格,手机大全,手机最新报价" />
	<meta name="description" content="ZOL中关村在线提供手机最新价格及经销商报价,包括手机大全,手机参数,手机评测,手机图片,手机论坛等详细内容,为您购买手机提供全面参考" />
   <!-- title  默认出现浏览器的标题栏中  最重要的功能，还是配合推广  SEO  SEM-->
    <title>1111111</title>
  </head>
  <!-- body  书写网页的内容 -->
  <body>
    我是程小强
  </body>
</html>

2.实体

浏览器中有一些特殊的字符，例如空格，大于号小于号，没有办法直接写出来，必须用额外的一些字符表示 --实体定义

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <!-- 实体
        1、什么是实体
        浏览器中有一些特殊的字符，例如空格，大于号小于号，没有办法直接写出来，必须用额外的一些字符表示
        2、实体的语法
           &实体的名字;
        3、常用的实体
           空格  &nbsp;
           小于号  &lt;
           大于号  &gt;
           版权符号  &copy;
           https://www.w3school.com.cn/html/html_entities.asp
     -->
    今天天气&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;比较热 3<4>5
  </body>
</html>

3.html规范

1:html中不区分大小写，一般情况用小写
2:注释符号，不能潜嵌套，
养成注释的习惯
3:浏览器有自动纠错的功能，但必须要尽可能的避免
会影响网站的性能，而且它纠错的不一定是你要的
4:标签必须规范，标签不可以交叉嵌套

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<BODY>
    <!-- 
        1:html中不区分大小写，一般情况用小写
        2:注释符号，不能潜嵌套，
           养成注释的习惯
        3:浏览器有自动纠错的功能，但必须要尽可能的避免
          会影响网站的性能，而且它纠错的不一定是你要的
        4:标签必须规范，标签不可以交叉嵌套
     -->
   

</BODY>
</html>