<!-- 1、生成html格式:html:5或! --> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <!-- 2、导入css文件:link:css --> <link rel="stylesheet" href="style.css"> <!-- 3、导入js文件:script:src --> <script src=""></script> <title>Document</title> </head> <body> <!-- 4、生成带类属性的标签:p.pclass --> <p></p> <!-- 5、生成带id属性的标签:p#pid --> <p id="pid"></p> <!-- 6、生成a标签链接到url:a:link --> <a href="http://"></a> <!-- 7、生成a标签链接到邮箱:a:mail --> <a href="mailto:"></a> <!-- 8、生成同级标签:p+p --> <p></p> <p></p> <!-- 9、生成下级标签:ul>li --> <ul> <li></li> </ul> <!-- 10、生成上级标签:ul>li>a^li>span --> <ul> <li><a href=""></a></li> <li><span></span></li> </ul> <!-- 11、生成标签的同时创建文本:p{我是p标签} --> <p>我是p标签</p> <!-- 12、生成标签的同时添加属性:p[style="color:red"] --> <p style="color:red"></p> <!-- 13、重复添加:p*3 --> <p></p> <p></p> <p></p> </body> </html>