1. HTML的介绍
1.1 HTML的介绍
HTML 全称为 HyperText Mark-up Language，翻译为超文本标签语言，标签也称作标记或者元 素。
HTML 是目前网络上应用最为广泛的技术之一，也是构成网页文档的主要基石之一。
HTML文本是 由 HTML 标签组成的描述性文本，HTML 文本可以说明文字、图形、动画、声音、表格、链接等。
超级文本标记语言是万维网（Web）编程的基础，也就是说万维网是建立在超文本基础之上的。
超 级文本标记语言之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”和存在媒体文件（也 就是超越了普通文本文件）。
HTML 的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而 主 体则包含所要说明的具体内容。
需要说明的是 HTML 不是编程语言，而是一种描述性的语言，用于描 述 超文本中内容的显示方式。
比如，文字以什么颜色、大小显示，图片以什么尺寸、位置来显示等。这 些 描述都是用 HTML 标签来描述的。
HTML的特点：简单灵活、可扩展、平台无关性
软件的介绍：
Sublimie
Vscode
Hbuilder 专业前端人员使用较多。
1.2 HTML文件的几何结构
树状图，层层分化。
1.3 创建HTML文件
第一步：创建一个文件后缀名为.html
第二步：按下英文"!"，再键盘 Tab键自动补全html的架构
1.4 HTML文件详细介绍
见代码注释
<!DOCTYPE html> <!-- 声明这是一个html文档 -->
<html lang="en"> <!-- 网页开始 -->
<head> <!-- 网页头部 -->
<meta charset="UTF-8"><!-- 编码格式，UTF-8为通用格式 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FirstWabpage</title><!-- 网页头部标题 -->
</head>
<body> <!-- body内部书写需在网页上展示出来的内容，然，现阶段只可输出一些文字 -->
<!-- 尚不可输出图片、链接；加入视频、音频等操作，仍需学习 -->
<p>
Hello
</p> <!-- p标签，段落标签，形成段落。在两个相邻的p标签之间会空一行 -->
<!-- 有align属性，表示位置。left为左，center为中，right为右 -->
<!-- 格式，成对出现，也可单独出现 -->
</body>
</html> <!-- 网页结束 -->
<!-- "设置" -> "键盘快捷方式" -> 输入"comment" -> 查看相关快捷键 -->
<!-- Alt + Shif + A：注释文字或者多行代码 -->
<!-- Ctrl + /：注释一行代码 -->
<!-- 相同按键再按一次则取消注释 -->2. 常用标签的介绍
2.1 标签介绍
标签通常是成对出现的，分为开始标签（p）和结束标签(/p)，结束标签只是在开始标签前加一个斜 杠“/”。
标签可以有属性（align），属性必须有值(center )。
开始标签与结束标签中包含的内容称之为区 域。
标签不区分大小写，p和P是相同的。
2.2 标签语法结构
语法结构：
<标签 属性="值">内容
2.3 br和hr标签
见代码注释
<br><!-- 换行标签，属于单标签 -->
<hr width="800" size="24" color="red"><br><hr color="red">
<!-- 水平分割线标签，属于单标签。可以加入属性，显示美观的分割线 -->
2.4 strong和b标签
见代码注释
<strong>strong是一个字体加粗标签</strong><br>
<b>b也是一个字体加粗标签</b><br><hr color="red"><br><br>
2.5 i和em标签
见代码注释
<i>i是一个斜体标签</i><br>
<em>em也是一个斜体标签</em><br><hr color="red">2.6 p标签
见代码注释
<p>
p是一个段落标签;<br>
在相邻两个p标签之间会空出一行;<br>
p常用的属性有align,表示文本位置,其中left为左,right为右,center为中,如: <br><br><br>
<p align="left">仰天大笑出门去，我辈岂是蓬蒿人!</p><br>
<p align="center">仰天大笑出门去，我辈岂是蓬蒿人!</p><br>
<p align="right">仰天大笑出门去，我辈岂是蓬蒿人!</p><br>
</p><br><hr color="red">
2.7 font标签
见代码注释
font标签是设置字体标签,常用属性有color;<br>
color用法有两个:一是书写颜色英文单词,二是十六进制数表示的颜色值(#rrggbb),如: <br><br>
<font color="red">仰天大笑出门去，我辈岂是蓬蒿人!</font><br>
<font color="#FF0000">仰天大笑出门去，我辈岂是蓬蒿人!</font><br>2.8 sub、sup、pre 、span标签
见代码注释
sup为上标标签,常用于次方的表示.如: <br>
2的平方:2<sup>2</sup><br>
sub为下标标签,用于数组等.如: <br>
数组a的下标为3:a[<sub>3</sub>]<br>
pre为原样输出标签,会将内容按原样输出.如: <br>
<pre>
南陵别儿童入京
唐.李白
白酒新熟山中归，黄鸡啄黍秋正肥。
呼童烹鸡酌白酒，儿女嬉笑牵人衣。
高歌取醉欲自慰，起舞落日争光辉。
游说万乘苦不早，著鞭跨马涉远道。
会稽愚妇轻买臣，余亦辞家西入秦。
仰天大笑出门去，我辈岂是蓬蒿人。
</pre>
span标签是修饰文本内容的标签,是标准的行内标签. <br>
<span style="color: brown;">
这是一个标准的行内标签！！！！！！<br>
用于修饰文本内容,通过style来选定样式.
</span>2.9 hn,div标签
见代码注释
hn为标题标签,取值为1-6,标签越来越小，会自动换行，对字体有加粗效果。
<h1>Title</h1>
<h2>Title</h2>
<h3>Title</h3>
<h4>Title</h4>
<h5>Title</h5>
<h6>Title</h6>
div标签是标准的块级标签。<br>
常见的块级标签有：div、hn、hr、p。<br>
特点是：独占一行，自动换行。<br>
行内标签：不自动换行，文本铺满页面才换，如span标签。<br>
<div>
这是一个标准块级标签。
</div>hn标签效果图：
2.10 特殊字符
使用这些字符的转义码，以达到它们表达的效果
3. 表单标签
3.1 form标签
form标签一般会与input标签连用，
form标签属性：
-
action属性，表示跳转路径。分绝对路径和相对路径。没有地址可放置 # 表示空
绝对路径：从盘符开始，找到你所需要的文件的路径，即：路径+文件的名称。如
G:\VScode\前端学习\day two\demotwo.html
注：绝对路径多用于验证对错，通常使用相对路径
相对路径：当前源文件和目标文件的相对位置，即“..\文件夹名称\文件名（含格式）”。如
..\day two\demotwo.html ..\表示相对路径。
注：在同一文件夹下写入文件名即可
-
method属性，用来明确表单提交的方式。
分get和post两种。
post相对与get更加安全。
效果如下：
-
get，显示用户信息在地址栏，隐秘性低
-
post，隐藏用户名与密码，安全性比get高
注：默认为get属性
-
3.2 表单元素
表单元素（文本框，密码框，下拉列表框等等），一般由input，textarea，select标签构成，需要放到form标签内使用。
不能单独使用
3.2.1 input标签
语法格式
<input type="元素的类型" name="元素的名称" value="元素的值" >type：见3.2.1.1
name：需要在文本框内输入的信息。
value：有value属性，那么对应框内就显示value的内容，可理解为默认值。
效果如下：
用户名：<input type="text" name="uesername" value="莱布尼兹">
3.2.1.1 type的取值（元素类型）
-
text ----- 文本框
-
password----密码框
<!-- 文本框和密码框 -->
<form action="..\day one\demoone.html" method="get" name="regester">
用户名：<input type="text" name="uesername"><!-- 有name属性才会在地址栏上显示用户名 -->
密 码：<input type="password" name="password">
<input type="submit">
</form><br><hr color="red">
效果图：
-
radio ----- 单选按钮
<!-- 单选按钮radio -->
<form action="">
选择性别：<input type="radio" value="男" name="gender" checked>男
<input type="radio" value="女" name="gender" checked>女
</form>注意：
3.1 格式。以上为标准格式，不能缺少，否则无法达到单选的目的。
3.2 name取gender表示二者均为真值，所以只能取一个。
3.3 最后的“男”“女”不能省，否则选项不显示性别，只有选框。
效果图：
-
checkbox ---- 多选按钮
<!-- 多选按钮checkbox -->
<form action="">
<input type="checkbox" name="hobbies">围棋
<input type="checkbox" name="hobbies">武术
<input type="checkbox" name="hobbies">骑行
<input type="checkbox" name="hobbies">解密
<input type="checkbox" name="hobbies">书法
</form>4.1 注意格式
4.2 问题：id属性作用？
-
submit ------ 提交按钮
<!-- 提交按钮 --> <form action=""> <input type="submit"><br><br><br> </form>作用：显示提交按钮，起到提交功能。
效果图：
-
reset ----- 重置按钮
<!-- 重置按钮 --> <form action=""> <input type="reset"><br><br><br> </form>作用：显示重置按钮，起到重置功能。
效果图：
-
button ---- 普通按钮
<!-- 普通按钮 --> <form action=""> <input type="button" value="普通"><br><br><br> </form>作用：
注意：若无“value=“普通””，则按钮为空白按钮，内部无文字
效果图：
-
image ----- 图像按钮
<!-- 图像按钮 --> <form action=""> <input type="image" src="G:\VScode\前端学习\EffectPicture\8.jpg"> </form>作用：在页面上显示图像，图像大小可调。
注意格式，src后接图像地址，
效果图：
-
file ------ 文本域（上传文件的按钮）
<!-- 文本域按钮 --> <form action=""> <input type="file"> </form>作用：显示选择文件按钮，起到上传文件的作用，需要添加文件地址。
效果图：
-
hidden ---- 隐藏域
<!-- 隐藏域按钮 --> <form action=""> <input type="hidden" value="112358"> </form>用于收集信息进入数据库，类C语言return效果。
-
email ------ 邮箱
<!-- email框 --> <form action=""> 填写邮箱<input type="email" name="email" value="填写邮箱"> </form>作用：提示输入邮箱
本质：文本域（file），但是会检查邮箱格式。
效果图：
-
color ---- 颜色域
<!-- 颜色域按钮 --> <form action=""> <input type="color"> </form>效果图：
-
date ----- 日期
-
time ----- 时间
-
datetime-local ----- 日期+时间
<!-- 日期、时间、（日期+时间）按钮 --> <form action=""> <input type="date"> <input type="time"> <input type="datetime-local"> <input type="datetime"> </form>作用：显示日期、时间
-
range ------ 进度条
<!-- 进度条按钮 --> <form action=""> <input type="range"> </form>注意：与其他按钮配合使用才能是功能完善
效果图：
3.2.1.2 input属性(属性写在标签内部)
-
checked -----默认选择
<form action=""> 选择性别：<input type="radio" value="男" name="gender" checked>男 <input type="radio" value="女" name="gender" checked>女 </form> -
readonly ----- 只读 字段只可以读不能修改
用户名：<input type="text" name="uesername" value="莱布尼兹" readonly>不可更改被readonly限定的信息，但可点击。
-
disabled ------ 表示禁用 不可以点击
用户名：<input type="text" name="uesername" value="莱布尼兹" disabled>不可更改，不可点击，属性框变灰。
-
autofocus ------ 默认光标的位置
密 码：<input type="password" name="password" autofocus>鼠标会悬停到指定的位置，并且加粗该框。
-
required----- 不能为空白提交
密 码：<input type="password" name="password" autofocus required>选定位置不能空白，若空白会给出提示。
-
3.2.2 select标签
下拉列表标签。常与option标签连用。有时会搭配multiple属性使用，搭配multiple属性就会形成一个列表。
默认情况下选择第一个。
实例代码：
<form action="#"><!-- #表示空 -->
请选择：
<select name="" id="" multiple><!-- multiple属性使结果显示为列表 -->
<option value="">天</option>
<option value="">地</option>
<option value="">玄</option>
<option value="">黄</option>
</select>
</form>效果图：
3.2.2.1 属性
-
name 属性--下来列表的名称
-
id
-
value
-
selected---表示默认选项
3.2.2.2 option标签
表示下拉列表的选项，
属性：
-
value
-
selected
实例代码：
<form action="#">
<select name="" id="" value="">
<option value="">选项一</option>
<option value="">选项二</option>
<option value="">选项三</option>
<option value="" selected>选项四</option>
</select>
</form>3.2.3 textarea标签
实现文本域。
属性：
-
name----文本域名称
-
id----在GS或者CSS用的多
-
cols-----表示多少列，即文本域宽度
-
rows----表示多少行，即文本域高度
实例代码：
<form action="">
<textarea name="" id="" cols="30" rows="10">textarea是文本域标签
</textarea>
</form>效果图：
3.3 body、a标签常用标签、属性
3.3.1 小简介
a标签是超文本链接标签。用于进行页面的跳转。
<a href="http://cqucc.cqu.edu.cn/default.html">点击</a>--城科官网分析：
-
href属性的取值是跳转的路径。
-
“点击”是一个按钮，非提示作用。
-
链接自己的文本：
herf取值为 #+id属性的取值
3.3.2 常见属性
-
vlink------访问过的超文本链接的颜色，即访问之后链接按钮的颜色
-
Alink------激活超文本链接的颜色，即鼠标对准按钮并按住不动时显示的颜色
-
link ------超文本链接的颜色，即没有点击时按钮的颜色
-
text ------文本的颜色
-
bgcolor------背景颜色，页面背景颜色或者某个div背景颜色
-
background------背景图片，页面背景图片。图片尺寸不够时会被平铺在页面上。注意：背景颜色和背景图片有优先级区别（优先级由浏览器决定），故二者同时使用时只显示其一，因此二者通常只使用一个。然，将背景图片做背景的情况少见。
颜色表示：
-
英文单词
-
#rrggbb
-
rgba()函数，a表示透明度。
用法：
<body bgcolor="rbga(0,0,0,0)"> </body>
-
代码如下：
<!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 vlink="green" alink="blue" link="red" bgcolor="pink" text="blue">
<a href="https://www.icourse163.org/">点击</a><br>
上面的链接通往慕课。
</body>
</html>-
Target 属性
规定提交表单后在何处显示响应。
默认为_self,即在当前窗口显示，会覆盖当前窗口。
-
3.3.3 跑马灯（弹幕）标签：marqueen
注：
-
marqueen在H5之后被淘汰了。故有些属性浏览器可能不支持，因而达不到想要的效果。
-
与img混合可实现图片滚动。
3.3.3.1 对应属性
-
direction------表示滚动的方向，值可以是left，right，up，down，默认为left
-
behavior------表示滚动的方式，值可以是scroll（连续滚动）slide（滑动一次）alternate（往返滚动）
-
loop-----表示循环的次数，值是正整数，默认为无限循环
-
scrollamount-----表示运动速度，值是正整数，默认为6
-
scrolldelay----表示停顿时间，值是正整数，默认为0，单位似乎是毫秒
-
align-----表示元素的垂直对齐方式，值可以是top，middle，bottom，默认为middle
-
bgcolor------表示运动区域的背景色，值是16进制的RGB颜色，默认为白色
-
height、width------表示运动区域的高度和宽度，值是正整数（单位是像素）或百分数，默认width=100% height为标签内元素的高度
-
hspace、vspace------表示元素到区域边界的水平距离和垂直距离，值是正整数，单位是像素。
10.οnmοuseοver=this.stop() οnmοuseοut=this.start()------表示当鼠标移上区域的时候滚动停止，当鼠标移开的时候又继续滚动。
<marquee>这波操作666！</marquee>
<marquee behavior="alternate">我来回滚动</marquee>
<marquee behavior="scroll">我单方向循环滚动</marquee>
<marquee behavior="scroll" direction="up" height="30">我改单方向向上循环滚动</marquee>
<marquee behavior="slide">我只滚动一次</marquee>
<marquee behavior="slide" direction="up">我改向上只滚动一次了</marquee>
<marquee scrollamount="100">我速度很快.</marquee>3.3.4 锚点
使页面的展示到达某一个指定的地点。
#+id属性的取值进行链接，类似与电子图书目录的点击。
如：
<body>
<a href="#01">南陵别儿童入京</a>
<p>
<a href="#" id="01"></a>
<pre>
南陵别儿童入京
唐.李白
白酒新熟山中归，黄鸡啄黍秋正肥。
呼童烹鸡酌白酒，儿女嬉笑牵人衣。
高歌取醉欲自慰，起舞落日争光辉。
游说万乘苦不早，著鞭跨马涉远道。
会稽愚妇轻买臣，余亦辞家西入秦。
仰天大笑出门去，我辈岂是蓬蒿人。
</pre>
</p>
</body>总结:
-
用来链接自己的标签
-
用来设置显示的位置--这个功能应该灵活运用。
3.4 img标签
3.4.1 作用
用来放置图片。
3.4.2 目前常见的图片格式
GIF JPG PNG BMP等等。
3.4.3 常见属性
3.4.3.1 src 属性
取值为图片路径，分绝对路径和相对路径。
<img src="..\EffectPicture\28.jpg">3.4.3.2 alt属性
表示代替图片的文本，即当图片无法加载时所显示的文本，起到提示之类的作用。
注：当图片加载没有问题时，该文字就不会显示。
<img src="..\EffectPicture\28.jpg" alt="士官长">3.4.3.3 width和height属性
用于设置图片宽度、高度。单位是像素（px）、%（百分比）。两个单位可以混合使用。
注：设置宽高是注意等比设置，否者易引起图片失真。
<img src="..\EffectPicture\28.jpg" alt="士官长" width="50%" height="50%">3.4.3.4 border属性
用于设置图片的板框，默认值为0，即没有边框。
<img src="..\EffectPicture\28.jpg" alt="士官长" width="50%" height="50%" border="6">3.4.3.5 align属性
表示图片与文字位置对齐的属性，取值如下：
-
top：上对齐。
-
middle：居中对齐。
-
bottom：下对齐。
-
right：右对齐。图片在文字右边
-
left：左对齐。图片在文字左边
默认对齐（下对齐）<img src="..\EffectPicture\28.jpg" alt="士官长" width="10%" height="10%" border="3" align=""><br>
上对齐<img src="..\EffectPicture\28.jpg" alt="士官长" width="10%" height="10%" border="3" align="top"><br>
居中对齐<img src="..\EffectPicture\28.jpg" alt="士官长" width="10%" height="10%" border="3" align="middle"><br>
左对齐<img src="..\EffectPicture\28.jpg" alt="士官长" width="10%" height="10%" border="3" align="left"><br>
右对齐<img src="..\EffectPicture\28.jpg" alt="士官长" width="10%" height="10%" border="3" align="right">注：右对齐没有按照想要的显示，待决解。
3.4.3.6 title属性
图片标题属性，鼠标悬于图片上方时显示该标题。
<img src="..\EffectPicture\28.jpg" alt="士官长" width="10%" height="10%" border="6" title="士官长">3.4.2 位图
通过点击图片上某些位置实现跳转。也就是把链接放在图片内，通过点击图片的特定位置实现页面跳转。
3.4.2.1 usemap 属性
位图连接所需，取值为：#+id属性取值或#+name属性取值
3.4.2.2 shape 属性
表示鼠标点击位置的形状。但是有些浏览器可能无法显示。
语法：
<a shape="value">value的值：
3.4.2.3 coords 属性
表示鼠标的点击的区域的坐标范围。前两个数字表示圆心，后一个表示半径。
如：
<area shape="circle" coords="450,150,300">
3.4.2.4 href 属性
表示跳转路径的属性。
当两个文件属于同一个文件夹时可以直接用文件名代替路径。
3.4.2.5 常用标签
3.4.2.5.1 map 标签
3.4.2.5.2 area 标签
map标签一般会与area配合使用。用在map标签内部。
3.4.2.6 示例代码
<body>
<img src="..\EffectPicture\28.jpg" width="80%" height="80%" title="士官长" usemap="#chief">
<map name="chief" id="">
<area shape="circle" coords="450,150,300" href="Homeworkone.html" alt="">
</map>
</body>3.5 多媒体标签
3.5.1 常用标签
3.5.1.1 audio标签
-
audio标签为音频标签，使用的文件应为音频格式
-
audio标签属性：
2.1 autoplay与controls
controls为组件标签，使用后会出现如下图所示的样式，不使用controls标签则音频无法播放。
<audio src="..\EffectPicture\古筝-高山流水.mp3" autoplay="autoplay" controls="controls"></audio>加入controls属性可以实现音量大小、播放速度、暂停与播放的控制。
autoplay是自动播放属性，但是浏览器支持H5标准才能使用。
-
width和height属性
调整音频播放界面大小的属性。
3.5.1.2 video标签
-
video标签是视频标签，使用的文件应该为视频格式
-
video标签属性：
2.1 autoplay与controls
二者作用与上述一致。
注：若浏览器支持H5标准，那么autoplay属性才有作用，否则无作用。
如果支持，那么可以实现在浏览音频或者视频时实现自动播放，起到类似背景音乐的效果。
-
width与height属性
调整视频界面大小的属性。
4 表格布局
4.1 常用标签
4.1.1 table标签
包含thead、tbody、tfoot、tr、td四个标签，其中tr、td标签较常用。
4.1.1.1 thead标签
表头标签
4.1.1.2 tbody标签
主干标签
4.1.1.3 tr标签
行标签
4.1.1.4 td标签
列标签，在tr标签内部使用。
<!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>
<thead>
<tbody>
<tr>
<td>姓名</td>
<td>年龄</td>
<td>性别</td>
<td>爱好</td>
</tr>
<tr>
<td>张三</td>
<td>20</td>
<td>男</td>
<td>书法</td>
</tr>
</tbody>
</thead>
</table>
</body>
</html>注：tr、td标签用在table标签内。不能单独使用。
4.2 常见属性
4.2.1 boder：边框属性
使用在table标签内。取值为自然数。
4.2.2 width和height：宽高属性
用于设置表格宽高，单位为像素（px）。
4.2.3 align：表格对齐属性
取值有：left、right、center。
4.2.4 bgcolor：背景颜色属性
4.2.5 background：背景图片属性
4.2.6 表格的边距和间距属性
4.2.6.1 cellpadding：边距属性
表示表格边距，即单元格内元素与单元格边缘（左边缘）的距离。
4.2.6.2 cellspacing：间距属性
表示表格间距，即单元格之间的距离。
<!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 border="1" cellpadding="10" cellspacing="10" width="300px" height="300px" >
<thead>
<tbody>
<tr>
<td>姓名</td>
<td>年龄</td>
<td>性别</td>
<td>爱好</td>
</tr>
<tr>
<td>张三</td>
<td>20</td>
<td>男</td>
<td>书法</td>
</tr>
</tbody>
</thead>
</table>
</body>
</html>二者默认取值：2px
4.3 表格嵌套
将一个表格放入另一个表格的单元格中。用于做布局。
<table border="1">
<tr>
<td> </td>
<td>
<table border="1">
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</td>
</tr>
</table>注：嵌套的表格也要加边框，否则不显示。同时，利用宽、高、边距、间距设置，可以是的表格更美观，用途更广。
4.4 表格合并
4.4.1 行的合并：rowspan属性
取值为自然数，表示在单元格垂直方向上合并的行数。
<table border="1" height="30px" width="270px">
<tr>
<td rowspan="2"> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>4.4.2 列的合并：colspan属性
与rowspan用法相似。
<table border="1" height="30px" width="270px">
<tr>
<td colspan="3"> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>总结：
-
所谓合并，实际上是把一个单元格的空间扩大为n个单元格的空间，并占用n个单元格单独存在时占用的空间，而不是类似excel表格的合并。这样的“合并”会使表格出现“异端”，需要二次处理。
-
二者都是在td标签内使用。
4.4.3 表格的使用
表格内可填写文字、放置图片、放置文件等，具体怎么使用由需求决定。追求的应该是简单与高效。
4.4.4 废除线标签：del
会在文字上画一条横线，表示废除。
679
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
