HTML标签-基本语法

<!--登录窗口-->

<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…