html 的标签总结

Posted zquacm-875180305

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html 的标签总结相关的知识,希望对你有一定的参考价值。

<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允许用户输入信息

  

























































以上是关于html 的标签总结的主要内容,如果未能解决你的问题,请参考以下文章

HTML5新增相关标签的和属性

几条jQuery代码片段助力Web开发效率提升

HTML html的Textmate片段 - 配对输入和标签

[原创]java WEB学习笔记61:Struts2学习之路--通用标签 property,uri,param,set,push,if-else,itertor,sort,date,a标签等(代码片段

从 xml 片段中删除 html 标签? [复制]

如何通过代码设置片段标签?