欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

HTML第二天——表格、列表、表单元素

程序员文章站 2022-03-30 09:50:35
表格
表格 属性宽    width高    height边框   border    无边框 border = 0对齐方式 align = left / center / right外边距  cellspacing内边距  cellpadding表头单元格  默认:加粗居中标...

表格

<table>
	<tr>
		<td> </td>
	</tr>
</table>

表格 属性

宽    width
高    height
边框   border    无边框 border = 0
对齐方式 align = left / center / right
外边距  cellspacing
内边距  cellpadding

表头单元格

<th> </th>        默认:加粗居中
标题: <caption>  </caption>

合并

跨行合并  rowspan
跨列合并  colspan

表格划分结构

表头、正文、脚注
thead、tbody、tfoot

列表

无序列表:

<ul>
	<li> </li>
	<li> </li>
</ul>

有序列表:

<ol>
	<li> </li>
</ol>

自定义列表:

<dl>
	<dt> </dt>
	<dd> </dd>
</dl>

表单

提示文本、表单、表单域

<input type=" ">

属性:name  value(表单内的默认值)
控件:type
文本框    text
密码框    password
单选     radio
复选     checkbox    单选和复选默认选中:checked=“checked”
普通按钮   button
提交按钮   submit
重置按钮   reset
图片按钮   image src=“路径”
上传文件   文件域名:file

扩大选中的点击范围  label

1、直接包裹
2、<label for=" ">  <input id=" ">

文本域标签

<textarea name=" " rows="10" cols="30">
</textarea>

下拉列表

<select name=" ">
	<option value=" "> </option>
</select>

默认选中:selected = “selected”

表单域标签

<form action="URL地址" method="get/post" name="名字">
							 明文/密文
</form>

本文地址:https://blog.csdn.net/Aiello001/article/details/107244422