第二章：创建html文档 

 1 <!DOCTYPE html> <!--申明文档类型,告诉浏览器用html5规范进行解析，必须在第1行-->
 2 
 3 <html><!--html文档从这里开始-->
 4     <head>
 5         <meta charset="UTF-8">
 6         <title></title>
 7     </head>
 8     
 9     
10     <body>
11         
12     </body>
13     
14 </html><!--html文档到这里结束-->
2-1 创建标准html文档
 1 <!DOCTYPE html> <!--申明文档类型,告诉浏览器用html5规范进行解析，必须在第1行-->
 2 
 3 <html><!--html文档从这里开始-->
 4     <head>
 5         <!--文档的头部，相当于人的思想-->
 6         <!--在浏览器窗口中不可见-->
 7         <meta charset="UTF-8"><!--申明网页编码-->
 8         <title>我要自学网</title><!--在浏览器标题档显示的标题-->
 9     </head>
10     
11     
12     <body>
13         文档主体部分，相当于人的肉体
14         在浏览器窗口中可以显示的部分
15         
16     </body>
17     
18 </html><!--html文档到这里结束-->
2-2 文档基本结构
 1 <!DOCTYPE html> <!--申明文档类型,告诉浏览器用html5规范进行解析，必须在第1行-->
 2 
 3 <html>
 4     <head>
 5         <meta charset="UTF-8"/>
 6         <title>我要自学网</title>
 7     </head>
 8     
 9     
10     <body>
11         <!--标签：也叫标记-->
12         <!--由一对尖括号包含单词构成:<html></html>-->
13         
14         标签形态：
15             1.双标签（对标签）：
16                 a:成双成对出现，可以包含内容；
17                 b:有开始标签，有结束标签，结束标签在单词前有“/”；
18                 
19             2.单标签：
20                 a:只有开始标签，没有结束标签
21                 b:单标签在开始标签中结束，通常应该在单标签的大于号前加“/”表示结束。
22                 c:单标签的功能需要使用属性来实现
23     </body>
24     
25 </html>
2-3 单标签和双标签
 1 <!DOCTYPE html> 
 2 <html>
 3     <head>
 4         <meta charset="UTF-8"/>
 5         <title>我要自学网</title>
 6     </head>
 7     
 8     
 9     <body>
10         
11         <!--<a href="">我要自学网</a>-->
12         注释：
13             1：不用浏览器解析的内容，可以使用注释
14             2：对代码进行说明，方便修改查看
15             3：养成良好的注释习惯
16             4：注释是给人看的，不是给浏览器看。浏览器会自动忽视注释
17             5：注释书写：                
18                 <!--注释的内容-->
19                 注释中不能再有注释
20                 
21                 
22                 <!--注释--><!--的--><!--内容-->
23         
24         
25             
26     </body>
27     
28 </html>
2-4 代码注释

 

 1 <!DOCTYPE html> 
 2 <html>
 3     <head>
 4         <meta charset="UTF-8"/>
 5         <title>我要自学网</title>
 6     </head>
 7     
 8     
 9     <body>
10         元素：
11             1.从开始标签到结束标签中的所有代码（内容）
12             2.单标签中的所有代码
13         元素内容：
14             1.从开始标签到结束标签中的内容（不包括标签）
15             2.单标签没有元素内容
16         元素属性：
17             1.属性是帮助标签完善功能
18             2.写在开始标签中，和标签名之间有空格。
19             3.属性名="属性值"，引号要使用英文状态的符号
20             4.标准属性：通用于几乎所有标签的属性
21             5.特殊属性：不通用于所有标签的属性
22             
23     </body>
24     
25 </html>
2-5 元素，元素内容，元素属性
 1 <!DOCTYPE html> 
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title>我要自学网</title>
 6     </head>
 7     
 8     
 9     <body>
10         代码书写规范：
11             1.html5非常宽松的代码规范
12             2.html5标签，属性可以大写也可以小写,还可以混合大小写
13             3.在html5中，你可以不用关闭标签。
14     
15     
16         要求：
17             1.所有代码全部使用小写
18             2.所有标签都要正常关闭
19             3.所有代码必须在英文半角状态输入(很重要)
20             4.<!DOCTYPE html>必须要写在最前面
21             
22     </body>
23 </html>
2-6 代码书写规范

 

posted @ 2020-08-06 06:14  菜逼学飞  阅读(111)  评论(0)    收藏  举报