h5之标签属性

时间:2021-01-05 20:25:12
<!--文档类型声明
   1:告诉浏览器当前页面实用的语法标准
   2:浏览器按照声明的标准去渲染页面-->
<!DOCTYPE html>


<html lang="en">
<head>
    <meta charset="UTF-8"><!--指定字符编码集-->
    <meta name="description" content="这是我在杰瑞教育写出的第一个网页"><!--代码备注-->
    <meta name="keywords" content="html,杰瑞教育,KARRY CHEN"><!--页面关键字,搜索优化-->
    <!-- 用来显示在浏览器的标签栏上面-->
    <link rel="stylesheet" href="../css/demo.css"/><!--引入外部样式文件-->
    <link rel="icon" href="../img/QQ图片20170305174756.png"/><!--引入外部样式文件-->
    <title>我的第一个页面</title>
</head>
<body><!--页面内容全部都写在这里面-->
<!--1:元素-->
<!--2:标签-->
<!--3:属性-->
<!--4:内容-->
<p style="color: yellow;font-size: 50px;">我是一个段落</p><!--这一个整体是元素-->
<!--标签属性是定义标签里面的-->
<!--标签之间没有内容就不用闭合标签-->
<!--自闭合标签。自己没有内容要展示,通过实行就可以完成标签的配置-->
<img src="../img/QQ图片20170305174833.jpg" width="100" height="200"/>
<!--快捷键
1:tab键:快速创建标签
2:Ctrl+D :删除光标所在行
3:Ctrl+/(js里面是单行注释)  Ctrl+shift+/(js里面是多行注释):快速添加注释(多行注释)-->
<p1>你好!</p1>
</body>
</html>