html中常用标签（表）

表格是用来展示大量的数据

<table>

<tr> <td>姓名</td><td>姓别</td> <td>年龄</td></tr>

<tr> <td>张三</td><td>男</td> <td>18</td></tr>

</table>

Table是大盒子tr是盒子里面的行 td是表格里面的行元素，

Thead与tbody可以将table分块都需要写在table里面

展示效果

td换成th可以将行元素的文字加粗而居中；

列表标签

列表最大的特点就是整齐，整洁有序，他一般用来布局；

无序列表

<ul>

<li>列表项1</li>

<li>列表项2</li>

<li>列表项3</li>

</ul>

有序列表

<ol>

<li>列表项1</li>

<li>列表项2</li>

<li>列表项3</li>

</ol>

自定义列表

一般用于底部的导航

<dl>

<dt>关注我们</dt>

<dd>新浪微博</dd>

<dd>官方微信</dd>

<dd>官方热线</dd>

</dl>

显示效果

表单

收集用户信息，一个表单由表单域，表单控件和表单信息三个部分构成

<form action=“url地址如demo.php” method=“提交方式” name=“表单域名称”>

各种表单元素控件

</form>

url地址用于指定接收并处理表单数据的服务器程序地址，提交某个页面处理

method   属性值  get/post   用于设置表单数据的提交方式

name    区分同意页面中的多个表单域

表单元素

Input输入表单元素

<input type=”属性值”>

Type中的属性值：

Button 可点击按钮如获取验证码，一般配合js使用；

checkbox复选框；  

fiile 输入字段和”浏览按钮”文件上传如上传头像   

hidden隐蔽的输入字段

Image 图像形式的提交按钮 ；password 密码字段，输入屏蔽 ；radio 单选按钮 ； reset 重置 ；

Submit 提交按钮  text 单行输入字段，默认宽度为20字符

Input里面还有name 就是表单的名字，value是提交的值，不显示后台人员才显示

Checked=“checked” 就是单选默认选中 ；

maxlength=“20” 就是表单最大输入长度，不可以超过

labelb点击标签浏览器会自动选中表单元素提高用户的体验，就是单选傍边有图片或者文字，点击图文就可以选中该表单元素

<label for=”sss”></label>

<input type=”radio” id=”sss”>

For值必须与id值一致

Select下拉表单元素

目的节约空间，语法

<select>

 <option >河池selected= “selected”</option>

<option>桂林</option>

<option>南宁</option>

</select>

selected= “selected”为默认

Textarea文本域元素

类似网站自我介绍的文本域语法<textarea name="" id="" cols="30" rows="10"></textarea>