html 的标签总结

Posted 2020-12-28 zquacm-875180305

<b> </b> 文字粗体
<em> </em> 文字斜体
<u> </u> 文字下划线
<s> </s> 文字删除线
<br> 换行

　　列表标签：

<ul>
　　<li>
</ul> 无序列表

<ol>
　　<li>
</ol> 有序列表

　　表格标签：

<table>
　　<tr>
　　　　<td>  (用<th></th>样式是字体加粗居中)
　　　　</td>
　　</tr>
</table>

<td colspan=‘2‘> 行合并两个单元格
<td rowspan=‘2‘> 列合并两个单元格

　　表单标签：获得用户输入

<form>
　　<input value=" " placeholder=" " maxlength=" " size=" " type=" ">
</form>
value的值为占位符
placeholder的值不占文本框的内
maxlength最多能输入的字符数
size 拓宽单行文本框
type 可以设置很多输入样式
如： password输入的文字全部变为黑点
email可以判断输入是否为邮件
tel 电话
URL 网址
date 输入日期
color 获取颜色值
hidden 隐藏
image 放图片 src=“” 导入图片
file 上传文件
submit 提交
range 滑动（可以用min，max，step，value调节最小值，最大值，每滑动一下调节的大小，起始值）
number 数字（可以min，max等）
checkbox 是否选择该项（选中后可以取消）
radio 是否选择该项（选中后不可以取消）

若想多选一，可以表示:

<input type="radio" name="1"> 999
<input type="radio" name="1"> 888
<input type="radio" name="1"> 777
只需要用同一个name即可

　　

<select>
　　<option> iop</option>
　　<option> kop</option>
　　<option> dop</option>
</select>

<input list="1234">
<datalist id="1234">
　　　　<option> iop</option>
　　　　<option> kop</option>
　　　　<option> dop</option>
</datalist>

两个都可建立选择表单。

区别在于，select不接受用户的输入，datalist允许用户输入信息