HTML基础学习Day2

1.HTML通用属性

所有标签都具有的属性。通用属性有id、class、style、title

1. id:用来给标签取一个唯一的名称
2. class：用来给标签取一个类名
3. style:用来设置该标签的行内样式
4. title：给当前标签一个提示文本
   

2.自定义标签属性

通常用来传值或用于图片懒加载等方面。
格式：data-*

3.table表格

table主要用于呈现格式化数据。 表格由行和列组成。
格式：th表示表头（自动加粗、自动居中） ，td表示单元格
table的属性：

1. border：表格边框，默认单位是像素
2. width：表格宽度，默认单位是像素
3. align：表格对齐方式（left（默认）/center/right）
4. cellpadding:单元格文本与边框的距离
5. cellspacing:单元格边框线的间距

4.跨行/跨列属性主要用来绘制复杂表格

删除代码快捷键：ctrl+x或ctrl+y
rowspan:跨行
colspan:跨列

书写语法Emmet语法：
table[border=1 width=500 align=center]>tr*3>td{内容区$$}*3 再按tab键
相当于：

合并第一行第一个单元格和第二行第一个单元格代码:

```html
  <td rowspan="2" align="center" valign="top">01</td>

将第三行文字全部居中，代码如下：

合并表格中红框的内容

代码如下：

5.完整表格的组成

caption(标题)、thead（表头）、tbody（表体）、tfoot（表尾）四部分组成

多行同时书写代码，先按住alt键，再点击每个需要书写的地方，即可实现同时书写

6.form表单标签

是所有标签最核心标签之一，它是用来实现前后端交互的一个重要标签。
常用属性：

1. name：表单名称
2. action：表单数据提交的地方（通常是一个后台文件名（.jsp/.php/.asp/.aspx/.py），或网址）。如果是#，表示提交的到当前文件
3. method：前端提交数据到后端的方法，主要有get和post，默认的是get。
   当用get，它将提交的数据暴露在地址栏上，当用post，不会暴露在地址栏上
   

7.表单元素分类

1. input类：主要用来输入，选择或发出指令。
   type:text/password/radio/check/file/button/image/submit/reset
   a.text：单行文本输入框 type="text"可以不写，默认值。
   属性：placeholder(提示)/name(命名)/minlength和maxlength(最少/最多输入的字符个数)/disabled(失效)/readonly(只读)/value(默认值)/pattern(正则匹配)
   b.password:密码框，属性与text一样
   c.radio:单选钮，通常是两项以上。常用属性有：name（必须要有）/value/checked(选中)/disabled(失效)/readonly(只读)
   有checked则表示默认选中，可用在多个地方
   

注意：一组单选钮，要想相互排斥，name要一样
d.checkbox：复选框/检查框：可以用来选择0项、1项或多项。常用属性有：name（必须要有）/value**/**checked(选中)/disabled(失效)/readonly(只读)

e.file文件上传按钮：

f.button:普通按钮，通常用它去调用脚本代码
常用属性有：value（按钮的标题）/disabled(失效）
g.image：图片按钮，用法与button一样。有一个特殊属性：src（用来加载提示图片，用它替换了value），它有提交功能，与submit功能一样
h.submit:提交按钮，用来将表单数据提交到后台。
常用属性有：value（按钮的标题）/disabled(失效）
j.reset:重置按钮，将表单所有组件输入的内容全部清空，还原初始状态。
常用属性有：value（按钮的标题）/disabled(失效）

2. textarea类：文本域（也可以叫多行文本域），主要用于输入大批量的内容。
   常用属性：name/id/cols/rows/placeholder/minlength/maxlength/required(必须输入)
3. select类：下拉列表框，默认用于单项选择，
   
   用multiple属性，可以实现多选，则全部选项都显示出来，用size属性，可以要求显示几项，这时的下拉列表框变成了列表框
   
   
4. button类
   普通按钮，具有提交功能。可以单独使用，不写在form元素中；如果写在form中，有提交功能