HTML 常用标签

屿苍～

已于 2022-07-04 17:17:50 修改

阅读量654

点赞数 1

文章标签： html css 前端

于 2022-02-10 17:33:20 首次发布

本文链接：https://blog.csdn.net/m0_52197531/article/details/122865393

版权

HTML常用标签

1.HTML文本格式化标签

语义	标签
加粗	< strong></ strong>或者< b>< /b>
倾斜	< em>< /em>或者< i>< /i>
删除线	< del>< /del>或者< s>< /s>
下划线	< ins>< /ins>或者< u>< /u>

2.< div>和< span>标签

< div>和< span>是没有语义的，他们就是一个盒子，用来装内容。

特点：

1.< div>标签用来布局，但是一个< div>独占一行。大盒子

2.< span>标签用来布局，一行可以放多个< span>。小盒子

3.图像标签和路径

3.1 图像标签

在HTML标签中，< img>标签用于定义HTML页面中的图像。

<img src="图像的URL" />

img是image的缩写。

src是< img>标签的必须属性，它用于指定图像文件的路径和文件名。

属性	属性值	说明
src	图片路径	必须属性
alt	文本	替换文本，图像不能显示时出现的文字
title	文本	提示文本，鼠标放到图像上，显示文字
width	像素	设置图像宽度
height	像素	设置图像高度
border	像素	设置图像边框粗细设置图像边框粗细

3.2 图像路径

1.相对路径：以引用文件所在位置为参考基础，而建立的目录路径。

这里简单来说，图片相对于HTML文件的位置

相对路径分类	符号	说明
同一级路径		图像文件位于HTML文件同一级如< img src=“baidu.gif” />
下一级路径	/	图像文件位于HTML文件下一级如< img src=“image/baidu.gif” />
上一级路径	…/	图像文件位于HTML文件同一级如< img src=“./baidu.gif” />

相对路径是从代码所在的这个文件出发，去寻找目标文件的，而我们这里所说的上一级、下一级和同一级就是图片相对于HTML文件的位置。

2.绝对路径：从个人电脑的盘符开始到你文件的位置（不常用）

注意：完整的网址也是绝对路径，网站中的图片删除时，不可出现。

4.超链接标签

1.链接的语法格式

<a href="跳转目标" target="目标窗口弹出方式">文本或图像</a>

属性作用：

属性	作用
href	用于指定链接目标的url地址，（必须属性）当为标签应用href属性时，他就具有了超链接功能。
target	用于链接页面打开方式，其中_self为默认值，为当前页面跳转，__blank为新窗口打开。

2.链接分类

1.外部链接：例如< a href=“http:// www.baidu.com”>百度</ a>。

2.内部链接：网站内部页面之间的相互链接.直接链接内部页面名称即可，例如< a href=" indexhtml">首页< /a>。

3.空链接：如果当时没有确定链接目标时,< a href=“#”>首页< /a> 。

4.下载链接：如果href里面放的是一个.zip压缩包或者.exe文件，则会下载这个文件。

5.网页元素链接：在网页中的各种网页元素，如文本、图像、表格、音频、视频等都可以添加超链接。

6.锚点链接：点击链接，我们可以快速地定位到页面的某个位置。

格式：在链接文本的href属性中，设置属性值为#名字的形式，如< a href=“#two”>第2集< /a>

找到目标位置标签，里面添加一个id属性=刚才的名字，如 : < h3 id=“two”>第2集介绍< h3>

5. 表格标签

5.1 基本语法

<table>
	<tr>
		<td>单元格文字</td>
		...
	</tr>
	...
</table>

1.< table>< /table>用于定义表格的标签,申明表格.

2.< tr>< /tr>标签用于定义表格的行,必须嵌套在< table>< /table>标签中.

3.< td> < /td>用于定义表格中的单元格，必须嵌套在< tr>< /tr>标签中。

4.字母td指表格数据( table data )，即数据单元格的内容。

例如:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表格</title>
</head>

<body>
    <table>
        <tr>
            <td>姓名</td>
            <td>性别</td>
            <td>年龄</td>
        </tr>
        <tr>
            <td>张三</td>
            <td>男</td>
            <td>20</td>
        </tr>
    </table>
</body>

</html>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-KbHeAGVV-1644484766431)(E:/Typora/图片/image-20211018173439046.png)]

5.2 表头单元格标签

一般表头单元格位于表格的第一行或第一列，表头单元格里面的文本内容加粗居中显示.
< th>标签表示HTML表格的表头部分(table head的缩写)

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表格</title>
</head>

<body>
    <table>
        <tr>
            <th>姓名</th>
            <th>性别</th>
            <th>年龄</th>
        </tr>
        <tr>
            <td>张三</td>
            <td>男</td>
            <td>20</td>
        </tr>
    </table>
</body>

</html>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-t2RhEj2M-1644484766435)(E:/Typora/图片/image-20211018172945072.png)]

5.3 表格属性

表格属性实际开发是不常用的，我们一般会通过css来设置。

属性名	属性值	描述
algin	left，center，right	规定表格对此方式
border	1或者""	规定表格单元是否拥有边框，默认为""，表示没有边框
cellpadding	像素值	规定单元边沿与其内容之间的空白，默认1像素
cellspacing	像素值	规定单元格之间的空白，默认2像素
width	像素值或百分比	规定表格的宽度
height	像素值或百分比	规定表格的高度

属性使用方法：< table 属性=“属性值”>

5.4 表格结构标签

使用场景：因为表格可能很长,为了更好的表示表格的语义，可以将表格分割成表格头部和表格主体两大部分.在表格标签中，分别用:< thead>标签表格的头部区域、< tbody>标签表格的主体区域.这样可以更好的分清表格结构。

1.< thead>< /thead>：用于定义表格的头部。< thead>内部必须拥有< tr>标签。一般是位于第一行。

2.< tbody> < /tbody> ：用于定义表格的主体，主要用于放数据本体。

3.以上标签都是放在< table>< /table>标签中。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表格</title>
</head>

<body>
    <table align="center" border="1">
        <thead>
            <th>
                <td>姓名</td>
                <td>性别</td>
                <td>年龄</td>
            </th>
        </thead>
        <tbody>
            <tr>
                <td>张三</td>
                <td>男</td>
                <td>20</td>
            </tr>
            <tr>
                <td>李四</td>
                <td>男</td>
                <td>23</td>
            </tr>
            <tr>
                <td>王五</td>
                <td>男</td>
                <td>29</td>
            </tr>
        </tbody>
    </table>
</body>

</html>

5.5 合并单元格

合并单元格方式：

跨行合并：rowspan=“合并单元格个数”

跨列合并：colspan=“合并单元格个数”

目标单元格：（写合并代码的单元格）

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

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

合并单元格三部曲:

1．先确定是跨行还是跨列合并。

2．找到目标单元格.写上合并方式 = 合并的单元格数量。比如: <td colspan= “2" >< /td>

3．删除多余的单元格。

例如：

合并前：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<table width="500" height="249" border="1" cellspacing="0"">
		<tr>
			<td></td>
			<td></td>
			<td></td>
		</tr>
		<tr>
			<td></td>
			<td></td>
			<td></td>
		</tr>
		<tr>
			<td></td>
			<td></td>	
			<td></td>
		</tr>
		</table>

	</body>
</html>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-EJ6MJkHh-1644484766444)(E:/Typora/图片/image-20211018183545871.png)]

合并后：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<table width="500" height="249" border="1" cellspacing="0"">
		<tr>
			<td></td>
			<td colspan="2"></td>
		</tr>
		<tr>
			<td rowspan="2"></td>
			<td></td>
			<td></td>
		</tr>
		<tr>
			<td></td>
			<td></td>
		</tr>
		</table>

	</body>
</html>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-xpidOCk8-1644484766446)(E:/Typora/图片/image-20211018184048838.png)]

6.列表标签

表格是用来显示数据的，那么列表就是用来布局的。
列表最大的特点就是整齐、整洁、有序，它作为布局会更加自由和方便。
根据使用情景不同，列表可以分为三大类∶无序列表、有序列表和自定义列表。

6.1 无序列表

< ul>标签表示HTML页面中项目的无序列表，一般会以项目符号呈现列表项，而列表项使用< li>标签定义。
无序列表的基本语法格式如下:

<ul>
	<li>列表项1</li>
	<li>列表项2</li>
	<li>列表项3</li>
	...
</ul>

1．无序列表的各个列表项之间没有顺序级别之分，是并列的。

2.< ul>< /u>中只能嵌套< li>< li>，直接在< ul>< /ul>标签中输入其他标签或者文字的做法是不被允许的

3.< li>与< /li>之间相当于一个容器，可以容纳所有元素。

4.无序列表会带有自己的样式属性，但在实际使用时，我们会使用CSS来设置。

6.2 有序列表(理解)

有序列表即为有排列顺序的列表，其各个列表项会按照一定的顺序排列定义。

在HTML标签中，< ol>标签用于定义有序列表，列表排序以数字来显示，并且使用**< li>**标签来定义列表项。

有序列表的基本语法格式如下:

<ol>
	<li>列表项1</li>
	<li>列表项2</li>
	<li>列表项3</li>
</ol>

1.< ol>< /o>中只能嵌套< li>< li>，直接在< ol>< /ol>标签中输入其他标签或者文字的做法是不被允许的

2.< li>与< /li>之间相当于一个容器，可以容纳所有元素。

3.无序列表会带有自己的样式属性，但在实际使用时，我们会使用CSS来设置。

6.3 自定义列表（重点）

使用场景：

自定义列表常用于对术语或名词进行解释和描述，定义列表的列表项前没有任何项目符号。
例如：
在这里插入图片描述

在HTML标签中，< dl>标签用于定义描述列表(或定义列表），该标签会与< dt> (定义项目/名字)和**< dd>**(描述每一个项目/名字)一起使用。

基本语法：

<dl>
	<dt>项目1</dt>
	<dd>项目1解释1</dd>
	<dd>项目1解释2</dd>
    <dt>项目2</dt>
	<dd>项目2解释1</dd>
	<dd>项目2解释2</dd>
</dl>

< dl>< /dl>里面只能包含< dt>和< dd>。
< dt>和< dd>个数没有限制，经常是一个< dt>对应多个< dd>。

6.4 列表总结

标签名	定义	说明
	无序列表	里面只能包含li 没有顺序，使用较多。li里面可以是任何标签
	有序列表	里面只能包含li，有顺序，使用较少。li里面可以是任何标签
	自定义列表	里面只能包含dt和dd，dt和dd里面可以放任何标签

7.表单标签

为什么需要表单：收集用户数据

7.1 表单组成

在HTML中，一个完整的表单通常由表单域、表单控件(也称为表单元素)和提示信息3个部分构成。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-JCnll76s-1644484766455)(E:/Typora/图片/image-20211021203330735.png)]

7.2 表单域

表单域是一个包含表单元素的区域。
在HTML标签中，< form>标签用于定义表单域，以实现用户信息的收集和传递。< form>会把它范围内的表单元素信息提交给服务器.

语法：

<form action="url地址" method="提交方式" name="表单域名称"
	各种表单元素控件
</form>

常用属性：

属性	属性值	作用
action	url地址	用于指定接收并处理表单数据的服务器程序的url地址
method	get/post	用于设置表单数据的提交方式，其取值为get或者post，建议用post方式
name	名称	用于指定表单的名称，以区分同一个页面的多个表单域

7.3 表单控件（表单元素）

在表单域中可以定义各种表单元素，这些表单元素就是允许用户在表单中输入或者选择的内容控件。

7.3.1 < input>输入表单元素

在英文单词中，input是输入的意思，而在表单元素中**< input>标签用于收集用户信息**。

在< input>标签中，包含一个type属性，根据不同的type属性值，输入字段拥有很多种形式(可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等)。

<input type="属性值" />

< input />标签是单标签

type属性设置不同的属性值用来指定不同的控件类型

type属性的属性值机器描述：

属性值	描述
button	定义可点击按钮(多数情况下，用于通过JavaScript启动脚本)。
checkbox	定义复选框
file	定义输入字段和“浏览"按钮，供文件上传。
hidden	定义隐藏的输入字段
image	定义图像形式的提交按钮
password	定义密码字段，该字段的字符被掩码
radio	定义单选按钮
rest	定义重置按钮。重置按钮会清除表单中的所有数据。
submit	定义提交按钮。提交按钮会把表单数据发送到服务器。
text	定义单行的输入字段，用户可在其中输入文本。默认宽度为20个字符。

例如：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>input控件</title>
</head>

<body>
    <form action="" method="post" name="name1">
        <!-- text 文本框 用户可以在泥面输入任何文字 -->
        姓名：<input type="text" name="username" value="请输入姓名" /> <br />
        <!-- password 密码框 用户看不见输入的内容 -->
        密码：<input type="password" name="pwd" /> <br />
        <!-- radio 单选框 实现多选一 -->
        <!-- name 是表单元素名字这里性别单选按钮必须有相同的名字name才可以实现多选1-->
        性别：男 <input type="radio" name="sex" value="男" checked="checked" /> 女 <input type="radio" name="sex" value="女" /> <br />
        <!-- checkbox 复选框 实现多选功能 -->
        爱好：吃饭 <input type="checkbox" name="hobby" value="吃饭" checked="checked" /> 睡觉 <input type="checkbox" name="hobby" value="睡觉" /> 打豆豆 <input type="checkbox" name="hobby" value="打豆豆" />
        <br>
        <!-- 点击提交按钮会把表单域里form里面的表单元素的值提交给服务器 -->
        <input type="submit" value="提交">
        <input type="reset" value="重置">
        <!-- 普通按钮，button 结合js使用 -->
        <input type="button" value="获取验证码">
        <!-- 文件域 上传文件使用 -->
        <input type="file" />
    </form>
</body>

</html>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-EmY589g5-1644484766457)(E:/Typora/图片/image-20211023132423099.png)]

出来type属性外，< input>标签还有其他很多属性，常用如下：

属性	属性值	描述
name	由用户自动机定义	定义input元素的名称
value	由用户自己定义	规定input元素的值
checked	checked	规定input元素首次加载时应当被选中
maxlength	正整数	规定输入字段中的字符最大长度

name 和value是每个表单元素都有的属性值主要给后台人员使用（每个元素应该都有）。
value属性可以设置打开页面时，提示用户要输入的内容。
name表单元素的名字,要求单选按钮和复选框要有相同的name值。
checked属性主要针对于单选按钮和复选框，主要作用一打开页面,就要可以默认选中某个表单元素。
maxlength是用户可以在表单元素输入的最大字符数,一般较少使用.

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>input控件</title>
</head>

<body>
    <form action="" method="post" name="name1">
        <!-- text 文本框 用户可以在泥面输入任何文字 -->
        姓名：<input type="text" name="username" value="请输入姓名" /> <br />
        <!-- password 密码框 用户看不见输入的内容 -->
        密码：<input type="password" name="pwd" /> <br />
        <!-- radio 单选框 实现多选一 -->
        <!-- name 是表单元素名字这里性别单选按钮必须有相同的名字name才可以实现多选1-->
        性别：男 <input type="radio" name="sex" value="男" checked="checked" /> 女 <input type="radio" name="sex" value="女" /> <br />
        <!-- checkbox 复选框 实现多选功能 -->
        爱好：吃饭 <input type="checkbox" name="hobby" value="吃饭" checked="checked" /> 睡觉 <input type="checkbox" name="hobby" value="睡觉" /> 打豆豆 <input type="checkbox" name="hobby" value="打豆豆" />
    </form>
</body>

</html>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-a9pC0Oix-1644484766458)(E:/Typora/图片/image-20211021213732626.png)]

7.3.2 < lable>标签

**< label>**标签为input元素定义标注(标签)。
< label>标签用于绑定一个表单元素当点击< label>标签内的文本时，浏览器就会自动将焦点(光标)转到或者选择对应的表单元素上,用来增加用户体验,就是增加鼠标可点击控件面积。

语法：

<lable for="sex">男</lable>
<input type="radio" name="sex" id="sex">

核心: < label>标签的for属性应当与相关元素的id属性相同。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>lable标签</title>
</head>

<body>
    <input type="radio" name="sex" id="nan"> <label for="nan">男</label>
    <input type="radio" name="sex" id="nv"> <label for="nv">女</label>
</body>

</html>

解释：你可以不必点击圆圈，点击文字”男“，也可以选择男属性。

7.3.3 select下拉表单元素

使用场景：在页面中，如果有多个选项让用户选择，并且想要节约页面空间时，我们可以使用**< select>标签控件定义下拉列表**。

语法：

<select>
        <option>选项1</option>
        <option>选项2</option>
        <option>选项3</option>
        ...
    </select>

例如：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>select表单元素</title>
</head>

<body>
    籍贯：
    <select>
        <option>山东</option>
        <option>四川</option>
        <option>湖南</option>
    </select>
</body>

</html>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-3RoxWN9H-1644484766460)(E:/Typora/图片/image-20211023135340368.png)]

< select>中至少包含一对< option>。
在< option>中定义selected = " selected "时，当前项即为默认选中项。

7.3.4 < textarea>文本域标签

使用场景:当用户输入内容较多的情况下，我们就不能使用文本框表单了，此时我们可以使用**< textarea>标签。
在表单元素中，< textarea>标签是用于定义多行文本输入**的控件。

使用多行文本输入控件，可以输入更多的文字，该控件常见于留言板，评论。

语法：

<textarea rows="行数" cols="列数">
        文本内容
</textarea>

1．通过< textarea>标签可以轻松地创建多行文本输入框。

2.cols=“每行中的字符数”，rowS=“显示的行数”，我们在实际开发中不会使用，都是用CSS来改变大小。

8.特殊字符

特殊字符	描述	字符代码
	空格符	&nbsp；
<	小于号	&lt
>	大于号	&gt
¥	人名币	&yen
©	版权	&copy

9.案例练习

实现如下：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-UT3La6aD-1644484766461)(E:/Typora/图片/image-20211024113333781.png)]

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>案例</title>
</head>

<body>
    <h4>青春不常在，抓紧谈恋爱</h4>
    <table>
        <tr>
            <td>性别：</td>
            <td>
                <input type="radio" name="sex" value="nan" checked="checked" id="nan"><label for="nan">男</label>
                <input type="radio" name="sex" value="nv" id="nv"><label for="nv">女</label>
            </td>
        </tr>
        <tr>
            <td>
                生日：
            </td>
            <td>
                <select>
                        <option>--请选择年--</option>
                        <option>1995</option>
                        <option>1996</option>
                        <option>1997</option>
                        <option>1998</option>
                        <option>1999</option>
                        <option>2000</option>
                        <option>2001</option>
                        <option>2002</option>
                        <option>2003</option>
                        <option>2004</option>
                </select>
                <select>
                        <option>--请选择月--</option>
                        <option>01</option>
                        <option>02</option>
                        <option>03</option>
                        <option>04</option>
                        <option>05</option>
                        <option>06</option>
                        <option>07</option>
                        <option>08</option>
                        <option>09</option>
                        <option>10</option>
                        <option>11</option>
                        <option>12</option>
                </select>
                <select>
                        <option>--请选择日--</option>
                        <option>01</option>
                        <option>02</option>
                        <option>03</option>
                        <option>04</option>
                        <option>05</option>
                        <option>06</option>
                        <option>07</option>
                        <option>08</option>
                        <option>09</option>
                        <option>10</option>
                        <option>11</option>
                        <option>12</option>
                        <option>13</option>
                        <option>14</option>
                        <option>15</option>
                        <option>16</option>
                        <option>17</option>
                        <option>18</option>
                        <option>19</option>
                        <option>20</option>
                        <option>21</option>
                        <option>22</option>
                        <option>23</option>
                        <option>24</option>
                        <option>25</option>
                        <option>26</option>
                        <option>27</option>
                        <option>28</option>
                        <option>29</option>
                        <option>30</option>
                        <option>31</option>
                </select>
            </td>
        </tr>
        <tr>
            <td>所在地区：</td>
            <td><input type="text" value="北京思密达"></td>
        </tr>
        <tr>
            <td>婚姻状况：</td>
            <td>
                <input type="radio" value="hunyin" name="hunyin" checked="checked">未婚
                <input type="radio" value="hunyin" name="hunyin">已婚
                <input type="radio" value="hunyin" name="hunyin">离婚
            </td>
        </tr>
        <tr>
            <td>
                学历状况：
            </td>
            <td>
                <input type="text" value="幼儿园">
            </td>
        </tr>
        <tr>
            <td>
                喜欢的类型：
            </td>
            <td>
                <input type="checkbox" value="wumei">妩媚的
                <input type="checkbox" value="wumei">可爱的
                <input type="checkbox" value="wumei">小鲜肉
                <input type="checkbox" value="wumei">老腊肉
                <input type="checkbox" value="wumei">都喜欢
            </td>
        </tr>
        <tr>
            <td>
                自我介绍：
            </td>
            <td>
                <textarea>自我介绍</textarea>
            </td>
        </tr>
        <tr>
            <td></td>
            <td>
                <input type="button" value="免费注册">
            </td>
        </tr>
        <tr>
            <td></td>
            <td>
                <input type="checkbox" value="true" checked="checked">我同意注册条款和会员加入标准
            </td>
        </tr>
        <tr>
            <td></td>
            <td>
                <a href="#">我是会员，立即登录</a>
            </td>
        </tr>
        <tr>
            <td></td>
            <td>
                <h4>我承诺</h4>
            </td>
        </tr>
        <tr>
            <td></td>
            <td>
                <ul>
                    <li>年满18岁，单身</li>
                    <li>抱着雅俗的态度</li>
                    <li>真诚寻找另一半</li>
                </ul>
            </td>
        </tr>
    </table>
</body>

</html>

屿苍～

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML 常用标签

HTML常用标签文章目录HTML常用标签1.HTML文本格式化标签2.< div>和< span>标签3.图像标签和路径3.1 图像标签3.2 图像路径4.超链接标签5. 表格标签5.1 基本语法5.2 表头单元格标签5.3 表格属性5.4 表格结构标签5.5 合并单元格6.列表标签6.1 无序列表6.2 有序列表(理解)6.3 自定义列表（重点）6.4 列表总结7.表单标签7.1 表单组成7.2 表单域7.3 表单控件（表单元素）7.3.1 < input>输入表单元
复制链接

扫一扫