超链接补充
<a hertf=" "></a>
1.可以链接外部网站资源
2.也可以链接本地网页
3.如果herf中的是文件的话 则会下载此文件
4.定位
-
<a href="#opp">123</a>
-
<h1 id="opp">123</h2>
5文本,图像,表格,音频,视频都可以添加
<li></li>容器
表格标签
table
<table></table>是用于定义表格的标签
<tr></tr>标签用于定义表格中的行,必须嵌套在<table></table>标签中
<th></th>标签用于定义表格的表头,默认会有加粗居中的效果
<td></td>标签用于定义表格中普通的单元格,即数据单元格的内容
表格属性
align left、center、right 规定表格相对周围元素的对齐方式
border 1或“” 规定表格是否具有边框,默认没有
cellpadding 像素值 规定单元格的边沿与其里面内容的距离,默认1像素
cellspacing 像素值 规定单元格之间的距离,默认2像素
width 像素值或者百分比 规定表格的宽度
合并单元格
跨行合并: rowspan="合并单元格的个数"
跨列合并:colspan="合并单元格的个数"
层
<div> 布局一行一个
<span>布局 一行可以放多个
表单
<form action="URL地址" method="提交方式" name="表单域名称">
各种表单元素控件
</form>
常用属性:
属性 属性值 作用
action URL地址 用于指定接收并处理表单数据的服务器程序的URL地址
method get/post 用于设置表单数据的提交方式,取值为get或者post
name 名称 用于指定表单的名称,以区分同一个页面中的多个表单域
9.3 input 文本输入标签
<input type="属性值">
type的属性值
button 定义可点击按钮
checkbox 定义复选框
file 定义输入字段和浏览按钮没提供文件的上传
hidden 定义隐藏的输入段
image 定义图像形式的提交按钮
password 定义密码字段,该字段被掩码
radio 定义单选按钮
reset 定义重置按钮,会清楚表单中的所有数据
submit 定义提交按钮,将表单的数据输出给后台
text 单行输入字段可输入文本。默认20个字符
type类型外的属性
name 自定义 定义input元素的名字
value 自定义 规定input元素的值
checked checked 规定首次出现时默认被选中的值
maxlength 正整数 规定输入字段中的最大长度
type类型外的属性
name | 自定义 | 定义input元素的名字 |
value | 自定义 | 规定input元素的值 |
checked | checked | 规定首次出现时默认被选中的值 |
maxlength | 正整数 | 规定输入字段中的最大长度 |
<label>标签:
<label>标签为input元素定义的标注
<label>绑定一个表单元素,当点击<label>标签内的文本时,浏览器会将光标自动转到相应的表单上。即点了文字可直接可以选上一个按钮。
<select>标签:
下拉表单(选择地址位置时可以使用)
可节约空间
格式:
<select>
<option> </option>
<option </option>
.........................
</select>
1.<select>中至少包含一对<option>
2.在<option>中定义select="select"时当前选项即为默认项
textarea文本域元素(类似于留言板)
使用场景:内容过多,一行写不下可以使用该标签
<textarea>标签用来定义多行文本输入的控件。
格式:
<textarea row=" " col=" ">
内容
</textarea>