html的常用元素

表示网页的标题

h1~h6共规定了6个等级的标题

h1标签有利于SEO优化、但是一个网页最多只有一个，太多会导致搜索引擎以为你是作弊、把你排除在外

p元素（或者说 HTML 段落元素）表示文本的一个段落。该元素通常表现为一整块与相邻文本分离的文本，或以垂直的空白隔离或以首行缩进，它是块级元素。

strong元素，表示文本十分重要，一般用粗体显示。

 strong是一个逻辑状态，它不仅是加粗，还有表示重要信息的。

bold是一个物理状态，只是表示加粗，没有别的意义。

span元素主要作用是对普通文本进行归类

默认情况下和普通文本没有什么区别

用于区分特殊文本和普通文本，比如用来显示一些关键字

一般是做为其他元素的父元素，将其他元素包住，代表一个整体

用于把网页分割成多个独立的部分

属性：

1.src属性（source）可以链接远程图片地址、本地图片地址（路径）

绝对定位

特点：从根目录开始找

缺点：一旦文件路径发生改变，就会找不到

相对定位

规则：. 表示当前目录    .. 表示上一层目录绝对定位

特点：从根目录开始找

缺点：一旦文件路径发生改变，就会找不到

web常用图片格式

png（静态图片、支持透明）、jpg（静态图片、不支持透明）、jpeg（静态图片、不支持透明）、gif（静态图片、支持透明）、webp

alt属性：当图片失效（加载失败）时显示文本

单标签

参考：MDN（ https://developer.mozilla.org/zh-CN ）

HTML中常用的表单元素包括：文本区域（TEXTAREA），列表框（SELECT），文本输入框（INPUT type=text），密码输入框（INPUT type=password），单选输入框（INPUT type=radio），复选输入框（INPUT type=checkbox），重置按钮、提交按钮、隐藏域、等等。

一、文本域<input type="text" name="text" value="" />

二、密码域

密码跟文本框类似，但是在里面输入的内容显示为圆点。

<input type="password" name="text" value="" />

三、单选按钮

男人:<input type="radio" name="sex" value="male" />Male<br />

女人：<input type="radio" name="sex" value="female" />Female

四、复选框

<input type="checkbox" name="check1" value="" />

五、按钮

<input type="button" value="确认" />

六、重置按钮

当点击重置按钮时，重置按钮所在的表单将全部清空，而其他表单不受影响。<input type="reset" value="重置" />

七、提交按钮

当点击提交按钮时，浏览器将自动提交表单。<input type="submit" value="提交" />

八、隐藏域

隐藏域在浏览器中并不显示，仅仅为保存一些不太重要的资料而存在。<input type="hidden" value="我是一个隐藏域" />

九、上传域<input type="file" value="" />

十、图片按钮<input type="image" src="123.gif" />

十一、下拉列表<select>

<option value="0">0</option>

<option value="1">1</option>

<option value="2">2</option>

例如：

属性：disabled，可选值：disabled ，说明：规定禁用该下拉列表。  

十二、label

abel 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。例如，当将单选按钮放在label内。则点击label内的文字也会触发单选按钮，而不必只是点中小圆点。

例如：

<label><input type="radio" name="male" />男人</label></p>

<label><input type="radio" name="male" />女人</label></p>

十三、禁用（disabled）与只读（readonly）

禁用和只读属性。readonly只针对input(text / password)和textarea有效，而disabled对于所有的表单元素都有效，包括select, radio, checkbox, button等。但是表单元素在使用了disabled后，当我们将表单以POST或GET的方式提交的话，这个元素的值不会被传递出去，而readonly会将该值传递出去。

禁用文本框：<input type="text" disabled="disabled" />

只读文本框: <input type="text" readonly="readonly" /></form>

十四、TextArea

十五、fieldset    定义域

fieldset用于给表单元素分组，legend用于设置分组标题。

表单在网页中主要负责数据采集功能。一个表单有三个基本组成部分： 表单标签，这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。表单域，包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。表单按钮，包括提交按钮、复位按钮和一般按钮；用于将数据传送到服务器上的CGI脚本或者取消输入，还可以用表单按钮来控制其他定义了处理脚本的处理工作。

---