《HTML CSS JavaScript 网页制作从入门到精通 第3版》—— 2.7　水平线

本节书摘来异步社区《HTML CSS JavaScript 网页制作从入门到精通 第3版》一书中的第2章，第2.7节，作者： 刘西杰，更多章节内容可以访问云栖社区“异步社区”公众号查看。

2.7 水平线

在网页中常常看到一些水平线将段落与段落之间隔开，这些水平线可以通过插入图片实现，也可以更简单地通过标记来完成。

 hr 标记代表水平分割模式，并会在浏览器中显示一条线。```

语法：

`
说明：

在网页中输入一个

标记，就添加了一条默认样式的水平线。

举例：

 !doctype html 

 html 

 head 

 meta http-equiv="content-type" content="text/html; charset=gb2312" / 

 title 水平线 /title 

 /head 

 body 

 p align="center" 无月的中秋 /p 

 p 据说每年八月十五的时候，夜空中的月亮是一年中最大，最圆，最亮，最美的月亮，这就是中秋节的来历，这就是月饼的来历，大家都会在这一天，合家团圆，吃着月饼，然后在空旷的夜空下赏月。渐渐的，也许人们会淡忘头顶的月亮，只记得这一天是个合家团聚的节日，记得这一天有月饼吃，偶尔抽空抬了下头，稍稍感慨：今天月亮还真是亮。我几乎要忘了月亮才是一切的缘由，直到发现今天看不到它 /p 

 /body 

 /html ```

在代码中加粗部分的标记为水平线标记，在浏览器中预览，可以看到插入的水平线效果，如图2.10所示。

 div img src="https://yqfile.alicdn.com/e7ae90dbb5e07467b31024c51847e33f403df728.png" width="" height="" 

HTML + CSS + JS 利用邮编查询 API 实现邮编查询工具 邮政编码是地址信息的重要组成部分，可以帮助快递公司、物流公司等对地址进行快速、准确的识别和派送。因此，邮编查询工具应用在许多业务场景中都有广泛的应用，例如：电商平台、物流公司、金融机构等。通过使用邮编查询 API，我们可以快速实现一个邮编查询工具应用，方便用户查询地址对应的邮政编码，提高业务流程的效率。
掌握JavaScript HTML DOM：动态改变CSS样式的实用技巧 随着Web前端技术的不断发展，JavaScript作为一种强大的脚本语言，在前端开发中扮演着重要角色。其中，HTML DOM (文档对象模型)作为JavaScript与HTML之间的桥梁，允许开发者通过JavaScript来改变HTML页面的内容、结构和样式，从而实现丰富的用户交互和动态效果
HTML学习笔记——css基础 缺点：使用内联样式，样式只能对一个标签生效，如果希望影响到多个元素必须在每一个元素中都复制一遍，并且当样式发生变化时，要多次修改，很麻烦。
原生JS + HTML + CSS 实现快递物流信息 API 的数据链式展示 全国快递物流查询 API 是一种提供实时、准确、可靠的快递物流信息查询服务的接口。它基于现有的物流信息系统，通过API接口的方式，向用户提供快递物流信息的查询、跟踪、统计等功能。
异步社区 异步社区(www.epubit.com)是人民邮电出版社旗下IT专业图书旗舰社区，也是国内领先的IT专业图书社区，致力于优质学习内容的出版和分享，实现了纸书电子书的同步上架，于2015年8月上线运营。公众号【异步图书】，每日赠送异步新书。