HTML常用标签

目录

目录

特殊字符

图像标签-img

超链接标签-a

表格标签-table

合并单元格

目标单元格

合并三部曲

列表

无序列表

有序列表

自定义列表

​编辑

表单（form）

input控件

特殊字符

特殊字符	描述	字符的代码
	空格符	&nbsp；
<	小于	&lt;
>	大于	&gt;
&	和号	&amp;
￥	人民币	&yen;
©	版权	&copy;
®	注册商标	&reg;
℃	摄氏度	&deg;
±	正负号	&plusmn;
×	乘号	&times;
÷	除号	&divide;
2	平方	&sup2;
3	立方	&sup3;

图像标签-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=“合并单元格的个数”

目标单元格

• 跨行： 最上侧单元格为目标单元格，写合并代码
• 跨列：最左侧单元格为目标单元格，写合并代码

合并三部曲

1. 先确定是跨行还是跨列
2. 找到目标单元格，写上合并方式 = 合并的单元格数量 
3. 删除多余的单元格

列表

无序列表

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

有序列表

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

自定义列表

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

表单（form）

属性名	属性值	描述
action	请求路径	请求路径
method	请求方法	请求方法
name	form名称

input控件

属性	属性值	描述
type	text	单行文本输入框
	password	密码输入框
	radio	单选按钮
	checkbox	复选框
	button	普通按钮
	submit	提交按钮
	reset	重置按钮
	image	图像形式提交按钮
	file	文件域
name	由用户自行定义	控件的名称
value	由用户自行定义	input控件中的默认文本值
size	正整数	input控件在页面中显示的最多的字数
checked	checked	定义选择控件默认被选中的项
maxlength	正整数	控件允许输入的最多字符数

标签label

属性名	属性值
for	对应input中的id

select标签

<select>
    <option selected="selected">默认选中</option>
    <option></option>
    <option></option>
</select>

textarea

<textarea rows="3" cols="20">

</textarea>