ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

html常用标签3

2019-10-20 19:57:11  阅读:140  来源: 互联网

标签:常用 代表 表格 标签 单元格 html 设置 属性


表单内容:
form 表单
input 输入框
name属性:标签的名字
value属性:设置输入框的默认内容
checked属性:设置单选或多选的默认项
type属性:用于确定输入框的类型
type属性的属性值:
text:单行文本
password:密码
email:邮箱
radio:单选
checkbox:多选
reset:重置
submit:提交
file:文件上传
image:以图片作为提交按钮 同时需要设置 src属性 用于获取图片的路径
button:普通按钮 需要使用value属性添加按钮上的默认文字
placeholder属性:用户输入框的默认提示信息

button标签 表示按钮 在form表单中相当于一个提交按钮

下拉菜单:
select 代表整个下拉菜单
option 表示每一个下拉选项
selected属性 表示设置默认显示的下拉选项

文本域:
textarea 代表一个文本域
cols属性 代表一行最多可以设置多少个字符
rows属性 代表一共可以显示多少行
disabled属性 代表禁用文本域

 

表格: 必须是工整的,就是一个完整的表格必须是一个规整的矩形
table标签 表示一个表格
border属性 表示设置单元格的边框
cellpadding属性 表示单元格内容与边框之间的距离
cellspacing属性 表示单元格与单元格之间的距离


style="border-collapse: collapse" 代表合并单元格之间的边框线

tr标签 代表表格的 行
td标签 代表每一个单元格

table标签
属性:
border 设置边框
width 设置整个表格的宽度
style="border-col0lapse: collapse" 设置合并边框线
height 设置高度
tr标签 表格的行
td标签 表格的单元格
属性 colspan 代表跨列 如果设置跨列,那么不管是跨几列,对应的当前行都要相应的减少对应的列数
rowspan 代表跨行 如果设置跨行,那么跨几行,对应的后面的行就要相应减少一个单元格
例如 rowspan="3" 那么后两行就要依次减少一个单元格
thead标签 表格的表头 tr表示行 th表示表头的单元格
tbody标签 表格的主体 tr表示行 td表示主体的单元格
属性:
align 表示单元内的文字水平对齐方式 left 左对齐 center 居中 right 右对齐


caption标签 表格的标题

标签:常用,代表,表格,标签,单元格,html,设置,属性
来源: https://www.cnblogs.com/kyhboke/p/11708752.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有