● 本文是对JSP程序设计实训（三）——HTML基本知识（一）的补充
● 下面知识符合 HTML5 标准
HTML 基本知识（补充）
一、排版标签
1. div 和 span 标签
- div span 是没有语义的，是我们网页布局主要的2个盒子。div 就是 division 的缩写，是分割、分区的意思；span 是跨度、范围的意思。且都是双标签结构。
- div 标签：用来布局的，但是现在一行只能有一个 div
- span 标签：用来布局的，一行可以放好多个 span
| 标签 | 定义 |
|---|---|
<hx></hx> | 标题标签 |
<p></p> | 段落标签 |
<hr /> | 水平线标签 |
<br /> | 换行标签 |
<div></div> | div 标签 |
<span></span> | span 标签 |
二、文本格式化标签
- 在网页中，有时需要为文字设置粗体、斜体或下划线效果，这是就需要用到 HTML 中的文本格式化标签，使文字以特殊的方式显示。
| 标签 | 显示效果 |
|---|---|
<b></b><strong></strong> | 文字以粗体方式显示（XHTML 推荐使用 strong） |
<i></i>和<em></em> | 文字以斜体方式显示（XHTML 推荐使用 em） |
<s></s>和<del></del> | 文字以加删除线方式显示（XHTML 推荐使用 del） |
<u></u>和<ins></ins> | 文字以加下划线方式显示（XHTML 不赞成使用 u） |
- 区别：b 只是加粗，strong 除了加粗，还表示语义更加强烈，后面同理。常推荐使用 strong 。
三、路径
1. 相对路径
- 以引用文件之网页所在位置为参考基础，而建立出的目录路径。因此，当保存于不同目录的网页引用同一个文件时，所使用的路径将不相同，故称之为相对路径。
| 路径分类 | 符号 | 说明 |
|---|---|---|
| 同一级路径 | 只需要输入文件的名称即可，如 <image src = "baidu.jpg"> | |
| 下一级路径 | “/” | 文件位于 HTML 文件同级文件夹下,如 <image src = "images/baidu.jpg"> |
| 上一级路径 | “…/” | 在文件之前加入"…/“，如果是两级，则需要使用”…/…/"，以此类推 (两个点) |
2.绝对路径
- 绝对路径以 Web 站点根目录为参考基础的目录路径。之所以称为绝对路径，是指当所有网页引用同一个文件时，所使用的路径是一样的。
四、锚点定位
- 通过创建锚点链接，可以快速定位本页面中的目标内容。创建锚点链接分为两步：
| 步骤 | 任务 | 举例 |
|---|---|---|
| 第一步 | 使用相应的 id 名标注跳转目标的位置 | <h3 id = "two'>第二集</h3> |
| 第二步 | 使用<a href = '#id 名'>链接文本</a>创建链接文本 | <a href = "#two"> |
五、base 标签
- base 标签是单标签，可以设置整体链接的打开状态，它是被写在
<head></head>之间。
六、特殊字符
- 一些特殊的符号，我们在 HTML 里面很难或者不方便使用，此时可以使用下面的替代代码：
| 特殊字符 | 描述 | 字符的代码 |
|---|---|---|
| 空格符 | | |
| < | 小于号 | < |
| > | 大于号 | > |
| & | 和号 | & |
| ¥ | 人民币 | ¥ |
| ± | 正负号 | ± |
| × | 乘号 | × |
| ÷ | 除号 | ÷ |
| ² | 平方2（上标2） | ² |
| ³ | 平方3（上标3） | ³ |
| ° | 摄氏度 | ° |
| ® | 注册商标 | ® |
| © | 版权 | © |
541
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
