目录
目录
特殊字符
图像标签-img
超链接标签-a
表格标签-table
合并单元格
目标单元格
合并三部曲
列表
无序列表
有序列表
自定义列表
编辑
表单(form)
input控件
特殊字符
特殊字符 | 描述 | 字符的代码 |
| 空格符 |  ; |
< | 小于 | < |
> | 大于 | > |
& | 和号 | & |
¥ | 人民币 | ¥ |
© | 版权 | © |
® | 注册商标 | ® |
℃ | 摄氏度 | ° |
± | 正负号 | ± |
× | 乘号 | × |
÷ | 除号 | ÷ |
2 | 平方 | ² |
3 | 立方 | ³ |
图像标签-img
属性 | 属性值 | 说明 |
src | 图片路径 | 必须属性 |
alt | 文本 | 替换文字,图像不能显示的文字 |
title | 文本 | 提示文本,鼠标放到图像上,显示的文字 |
width | 像素 | 图像宽度 |
height | 像素 | 图像高度 |
border | 像素 | 图像边框粗细 |
超链接标签-a
属性 | 说明 |
href | 用于指定链接目标的url地址,(必须属性)当为标签应用href属性时,他就具有了超链接的功能 |
target | 用于指令连接页面的打开方式,_self为默认值,_blank为在新窗口中打开 |
表格标签-table
<table>
<thead>
<tr>
<th></th>
<th></th>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</tbody>
</table>
属性名 | 属性值 | 描述 |
align | left、center、right | 规定表格相对周围元素的对齐方式 |
border | | 或 “” | 规定表格单元是否拥有边框,某认为“”,表示没有边框 |
cellpadding | 像素值 | 规定单元格边沿与其内容中间的空白,默认一像素 |
cellspacing | 像素值 | 规定单元格之间的空白,默认两像素 |
width | 像素值或百分比 | 规定表格的宽度 |
合并单元格
- 跨行合并:rowspan=“合并单元格的个数”
- 跨列合并:colspan=“合并单元格的个数”
目标单元格
- 跨行: 最上侧单元格为目标单元格,写合并代码
- 跨列:最左侧单元格为目标单元格,写合并代码
合并三部曲
- 先确定是跨行还是跨列
- 找到目标单元格,写上合并方式 = 合并的单元格数量
- 删除多余的单元格
列表
无序列表
<ul>
<li></li>
<li></li>
<li></li>
</ul>
有序列表
<ol>
<li></li>
<li></li>
<li></li>
</ol>
自定义列表
<dl>
<dt></dt>
<dd></dd>
<dd></dd>
</dl>
![](https://i-blog.csdnimg.cn/blog_migrate/061093d27bb5aa18a01677ee2397e60c.png)
属性名 | 属性值 | 描述 |
action | 请求路径 | 请求路径 |
method | 请求方法 | 请求方法 |
name | form名称 | |
属性 | 属性值 | 描述 |
---|
type | text | 单行文本输入框 |
password | 密码输入框 |
radio | 单选按钮 |
checkbox | 复选框 |
button | 普通按钮 |
submit | 提交按钮 |
reset | 重置按钮 |
image | 图像形式提交按钮 |
file | 文件域 |
name | 由用户自行定义 | 控件的名称 |
value | 由用户自行定义 | input控件中的默认文本值 |
size | 正整数 | input控件在页面中显示的最多的字数 |
checked | checked | 定义选择控件默认被选中的项 |
maxlength | 正整数 | 控件允许输入的最多字符数 |
标签label
select标签
<select>
<option selected="selected">默认选中</option>
<option></option>
<option></option>
</select>
textarea
<textarea rows="3" cols="20">
</textarea>