1 <!-- 2 1.document--文档 。TYPE--类型 声明文档类型,是一个单标签 3 作用:浏览器打开的时候,告诉浏览器是什么文件 4 2.html 是一个根标签,双标签 超文本标记语言 5 3.head 是头标签,双标签 6 4.body 身体标签 7 5.title 标题标签 8 6.meta 设置标签 charset 用来设置编码格式 UTF-8 是汉语的意思 9 7.img 图像标签 用来引入图片 图片路径通过src来引入 10 --> 11 12 <!--标签分类 13 1.块级元素 div ,默认占整行 宽度高度可设置,但是设置完还是占整行 14 2.行内块元素 img ,不默认占整行,宽度和高度由自身内容决定,但宽和高可设置 15 3.行内元素 b span 不默认占整行,宽度和高度由自身内容决定, 宽和高都不可设置 16 --> 17 18 <!--css样式引入 19 1.行内样式 就是把属性写进标签里面 20 2.内部样式 21 3.外部引入 <link rel="stylesheet" href="css/style.css" /> 22 --> 23 24 <!--属性(直接属性 ---间接属性) 25 1.width:宽度 26 2.weight:高度 27 3.background-color 背景色 28 4.font-size 字体大小 29 5.line-height:行高,一般值是1(容器大小) 30 6.text-indent:文本缩进 31 7.font-weight:bolder 字体加粗 32 8.float 浮动 left左 right 右 33 9.display 转换 :block(块级元素)、inline-block(行内块元素)、inline(行内元素)、none(空) 34 10.background-color:背景色 35 11.background-image:背景图 通过url引入 36 12.background-size:背景大小 。一般与背景图同时使用 37 13.button 按钮标签 38 39 --> 40 41 <!-- 42 class与id的区别 43 class:类,不具有唯一性。 44 id:特指,具体。具有唯一性。 45 -->