<!--文档类型声明:告诉浏览器当前页面使用的语法标准,方便浏览器按照声明的标准去渲染你的页面--> <!DOCTYPE html> <!--html文档的开始--> <html lang="en"> <!--head里的信息用于描述网页,元数据(描述数据的数据)。--> <head> <meta charset="UTF-8"> <!--title用来显示在浏览器的标签栏上--> <title>我的第一个网页</title> </head> <!--bady用来包含要在页面显示的所有内容--> <body> <!--1:元素 <p style="color: red;">我是一个段落</p> --> <!--2:标签 <p>/p> --> <!--3:属性 style="color: red;" --> <!--4:内容 我是一个段落 --> <!--标签的特点: 1:标签是成对出现的(单个标签页存在) 前面的标签是开始标签,后面的标签是结束标签(闭合标签) 。 2:结束标签(闭合标签)有/--> <!--属性的特点: 1:标签的一部分,存在页标签内 2:可以同时存在多个标签 3:属性和属性值成对出现--> <p style="color: red;">我是一个段落</p> <!--自闭合标签 :自己没有内容要展示,通过属性就可以完成标签的配置--> <img src="../../img/1.jpg" width="500px" height="200px"/> </body> </html>