HTML 基本知识（补充）

● 本文是对JSP程序设计实训（三）——HTML基本知识（一）的补充
● 下面知识符合 HTML5 标准

HTML 基本知识（补充）

一、排版标签

1. div 和 span 标签

• div span 是没有语义的，是我们网页布局主要的2个盒子。div 就是 division 的缩写，是分割、分区的意思；span 是跨度、范围的意思。且都是双标签结构。
• div 标签：用来布局的，但是现在一行只能有一个 div
• span 标签：用来布局的，一行可以放好多个 span

标签	定义
	标题标签
	段落标签
	水平线标签
	换行标签
	div 标签
	span 标签

二、文本格式化标签

• 在网页中，有时需要为文字设置粗体、斜体或下划线效果，这是就需要用到 HTML 中的文本格式化标签，使文字以特殊的方式显示。

标签	显示效果
	文字以粗体方式显示（XHTML 推荐使用 strong）
和	文字以斜体方式显示（XHTML 推荐使用 em）
和	文字以加删除线方式显示（XHTML 推荐使用 del）
和	文字以加下划线方式显示（XHTML 不赞成使用 u）

• 区别：b 只是加粗，strong 除了加粗，还表示语义更加强烈，后面同理。常推荐使用 strong 。

三、路径

1. 相对路径

• 以引用文件之网页所在位置为参考基础，而建立出的目录路径。因此，当保存于不同目录的网页引用同一个文件时，所使用的路径将不相同，故称之为相对路径。

路径分类	符号	说明
同一级路径		只需要输入文件的名称即可，如
下一级路径	“/”	文件位于 HTML 文件同级文件夹下,如
上一级路径	“…/”	在文件之前加入"…/"，如果是两级，则需要使用"…/…/"，以此类推 (两个点)

2.绝对路径

• 绝对路径以 Web 站点根目录为参考基础的目录路径。之所以称为绝对路径，是指当所有网页引用同一个文件时，所使用的路径是一样的。

四、锚点定位

• 通过创建锚点链接，可以快速定位本页面中的目标内容。创建锚点链接分为两步：

步骤	任务	举例
第一步	使用相应的 id 名标注跳转目标的位置

五、base 标签

• base 标签是单标签，可以设置整体链接的打开状态，它是被写在之间。

六、特殊字符

• 一些特殊的符号，我们在 HTML 里面很难或者不方便使用，此时可以使用下面的替代代码：

特殊字符	描述	字符的代码
	空格符
<	小于号	<
>	大于号	>
&	和号	&
¥	人民币	¥
±	正负号	±
×	乘号	×
÷	除号	÷
²	平方2（上标2）	²
³	平方3（上标3）	³
°	摄氏度	°
®	注册商标	®
©	版权	©