HTML基础:文本格式、超链接与列表解析
需积分: 10 59 浏览量
更新于2024-08-17
收藏 383KB PPT 举报
"HTML基础知识,包括文本格式化、超链接和各种元素的使用方法。"
HTML(HyperText Markup Language)是创建网页的标准标记语言,它允许我们通过特定的标签来控制文本的呈现方式和构建超链接。在HTML中,文本格式化和超链接是两个关键概念。
1. **文本格式化**
- **文本分段**:`<p>`标记符用于创建段落,多个连续的`<p>`标签被视为一个段落,结束标签`</p>`可省略。
- **换行**:`<br>`标记符用于强制文本换行,但不会创建新的段落。
- **水平线**:`<hr>`标记符插入一条水平线,用于分隔文档内容,可以通过设置`size`、`width`、`noshade`和`color`属性来调整其外观。
- **标题**:`<Hn>`标记符(n为1-6)定义不同级别的标题,`<h1>`最大,`<h6>`最小。
- **字体控制**:`<font>`标签可以改变字体、大小和颜色,但现代HTML更倾向于使用CSS来控制这些样式。
- **字符样式**:物理字符样式(如`<b>`加粗,`<i>`斜体)和逻辑字符样式(如`<strong>`强调,`<em>`着重)。
- **滚动字幕**:`<marquee>`标签用于创建滚动文字效果,但在HTML5中已不推荐使用。
- **列表**:`<ul>`用于创建无序列表,`<ol>`用于创建有序列表,`<li>`定义列表项。列表还可以嵌套,以实现更复杂的结构。
2. **超链接**
- **基本概念**:超链接是HTML页面间跳转的基础,通过`<a>`标签实现。
- **相对地址与绝对地址**:链接地址可以是相对当前页面的路径(相对地址),也可以是完整的URL(绝对地址)。
- **页面链接**:`<a href="URL">`定义链接到另一个页面,`URL`是链接的目标。
- **锚点链接**:通过`<a href="#锚点名">`可以链接到同一页面内的特定位置,`#锚点名`是目标位置的ID。
- **电子邮件链接**:`<a href="mailto:email@example.com">`可以直接链接到邮箱,点击后可以打开邮件撰写界面。
了解并熟练运用这些HTML基础知识,可以帮助你创建结构清晰、样式丰富的网页,并实现页面间的有效导航。在实际开发中,为了保持代码的可维护性和适应性,通常会结合CSS来分离样式和内容,而不再直接在HTML中设置过多的格式化标签。
2021-01-08 上传
2021-02-02 上传
2023-11-07 上传
2023-05-14 上传
2023-05-26 上传
2023-05-25 上传
2023-07-22 上传
给加超链接 2023-05-29 上传 2023-03-27 上传 2024-09-28 上传 雪蔻 -
粉丝: 30
- 资源: 2万+
最新资源
-
10-days-of-statistics:使用Python(numpy)从Hackerrank练习10天的统计信息。 关联
-
Comparison-of-Student-Grants-using-VBA:使用VBA的数据透视表和数据透视图报告,用于比较两所大学的助学金。 该代码是美国俄亥俄州辛辛那提大学的专有作品。 这只能用于学术目的。 复制此课程的任何部分均需获得作者的许可
-
hwnd-adorner:WPF库支持由HwndHost托管的任何hwnd上的层(修饰)
-
revues:解析Cairn.info日记元数据
-
算法:《剑指提供》,《程序员代码面试指南》,Leetcode等算法衔接集合。基于.net core的控制台程序,C#实现,包含每道译文的完整描述,多种解法AC代码,以及解主题算法,所有回归正确直接运行以查看输出结果。常用算法汇总中每个算法同样有测试用例,可运行
-
js代码-浅拷贝和深拷贝的实现
-
个人网站ADVC58
-
nano-2.1.9.tar.gz
-
StyleableToast
-
Nasty Armoured Tanks of War-开源
-
Eatery
-
ReCiter:ReCiter:用于学术机构的企业开源作者歧义消除系统
-
shirayuki:最没用的Discord机器人
-
nano-2.7.2.tar.gz
-
java代码-任意给出一个十进制整数,将十进制整数转换为二进制数。
-
image2:与其他图像一起包装图像类型
2023-05-29 上传
2023-03-27 上传
2024-09-28 上传
雪蔻
- 粉丝: 30
- 资源: 2万+
最新资源
- 10-days-of-statistics:使用Python(numpy)从Hackerrank练习10天的统计信息。 关联
- Comparison-of-Student-Grants-using-VBA:使用VBA的数据透视表和数据透视图报告,用于比较两所大学的助学金。 该代码是美国俄亥俄州辛辛那提大学的专有作品。 这只能用于学术目的。 复制此课程的任何部分均需获得作者的许可
- hwnd-adorner:WPF库支持由HwndHost托管的任何hwnd上的层(修饰)
- revues:解析Cairn.info日记元数据
- 算法:《剑指提供》,《程序员代码面试指南》,Leetcode等算法衔接集合。基于.net core的控制台程序,C#实现,包含每道译文的完整描述,多种解法AC代码,以及解主题算法,所有回归正确直接运行以查看输出结果。常用算法汇总中每个算法同样有测试用例,可运行
- js代码-浅拷贝和深拷贝的实现
- 个人网站ADVC58
- nano-2.1.9.tar.gz
- StyleableToast
- Nasty Armoured Tanks of War-开源
- Eatery
- ReCiter:ReCiter:用于学术机构的企业开源作者歧义消除系统
- shirayuki:最没用的Discord机器人
- nano-2.7.2.tar.gz
- java代码-任意给出一个十进制整数,将十进制整数转换为二进制数。
- image2:与其他图像一起包装图像类型