<!--登录窗口--> <div class=”m-win”> <form action=”#” class=”m-login”> <fieldset> <legend>登录</legend> <input type=”text” value=”账号”> <input type=”text” value=”密码”> <button type=”submit” class=”u-btn”>登录</button> </fieldset> </form> </div> 标签都是放在<>尖括号里的，成对出现，且是闭合的(开始&结束标签、自闭合标签) // <标签>内容</标签> 标签可以带一个或多个属性 // 写法: 属性名=”属性值” 多个属性用空格隔开 标签是可以嵌套的，闭合时要按照嵌套顺序 <!--注释：解释说明&调试--> // 浏览器遇到注释时，会自动忽略注释内容 解释说明：当页面的HTML结构复杂或内容较多时，需要添加必要的注释方便代码阅读和维护； 调试：暂时注释掉一些不必要的HTML代码，从而预览效果； 书写规范：小写、属性值双引号、嵌套缩进(代码清晰，便于维护) 常用属性(全局属性)：即对所有标签都有效的属性 id属性：规定了元素在页面中的唯一标识 class属性：规定了元素的类名，页面中具有统一功能或样式的元素可以使用 style属性：规定了元素的样式，可以在style属性中直接写CSS样式，但结构和表现混合，不利于维护； title属性：规定了元素的一些额外信息，鼠标移动到元素上就会显示这些信息，如显示不全的内容或解释图表含义； // id与class的区别：同一个class在页面中可出现多次，而id只能出现一次； 行级元素 & 块级元素 行级元素：（默认宽度）内容宽度，（可否设置宽高）否，（起始位置）同行显示 块级元素：（默认宽度）父元素宽度，（可否设置宽高）是，（起始位置）换行，即独占一行 // 具体见，CSS-display 设置元素显示方式 block(块级元素) div,p,h1~h6,ul,form… inline(行级元素) span,a,label,cite,em… |
