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、常用的实体
空格
小于号 <
大于号 >
版权符号 ©
https://www.w3school.com.cn/html/html_entities.asp
-->
今天天气 比较热 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>