|
HTML4/HTML5 用CSS或style属性修改 <hr> 实线 虚线 点线 双实线样式
HTML 是 Hyper Text Markup Language 的英文缩写，中文称为超文本标记语言。HTML 是一种制作万维网页面的标准语言，是万维网浏览器使用的一种语言，它消除了不同计算机之间的信息交流障碍。
万维网上的一个超媒体文档称之为一个页面（page）。作为组织或个人在万维网上放置的开始页面称为主页（Homepage）或首页，主页中通常包括指向其他相关页面或其他节点的指针(超级链接)。所谓超级链接，就是一种统一资源定位器（Uniform Resource Locator，URL）指针。通过激活（或点击）URL，可使浏览器方便地获取新网页。这也是 HTML 获得广泛应用的最重要原因之一。在逻辑上将视为一个整体的一系列页面的有机集合称为网站（Website 或 Site）。超级文本标记语言（HTML）是为 “网页创建和其它可在网页浏览器中看到的信息” 设计的一种标记语言。
高效站群 所见即所得 HTML5 Bootstrap4 "批处理式 Web IDE" 开发工具
http://dt.digitser.cn/zh-CN/ide/ideweb/index.html
网页的本质就是超文本标记语言，通过结合使用其他的 Web 技术（譬如：脚本语言、公共网关接口、组件等），可创造出功能强大的网页。因而，HTML 是万维网（www）编程的基础，也就是说万维网是建立在超文本基础之上的。超文本标记语言之所以称为超文本标记语言，是因为文本中包含了所谓 “超链接” 点。 
HTML4/HTML5 用 CSS 修改 <hr> 线条样式
# | 线型 | EN 名称
| HTML4 | HTML5 | 说明 | 备注 | | 01 | 实线 | solid | hr{border:0;border-top:1px solid #eee} | hr{border:0;border-top:1px solid #eee} | 1 像素实线顶边框，颜色#eee |
| | 02 | 虚线 | dashed | hr{border:0;border-top:1px dashed #eee} | hr{border:0;border-top:1px dashed #eee} | 1 像素虚线顶边框，颜色#eee |
| | 03 | 点线
| dotted | hr{border:0;border-top:1px dotted #eee} | hr{border:0;border-top:1px dotted #eee} | 1 像素点线顶边框，颜色#eee |
| | 04 | 双实线 | double | hr{border:0;border-top:1px double #eee} | hr{border:0;border-top:1px double #eee} | 1 像素单实线顶边框，颜色#eee | 1 像素两实线完全重合
| | hr{border:0;border-top:2px double #eee} | hr{border:0;border-top:2px double #eee} | 2 像素单实线顶边框，颜色#eee | 1 像素两实线并排 | | hr{border:0;border-top:3px double #eee} | hr{border:0;border-top:3px double #eee} | 1 像素双实线顶边框，颜色#eee | 1 像素两实线并排，间隔 1 像素 | | hr{border:0;border-top:4px double #eee} | hr{border:0;border-top:4px double #eee} | 1 像素双实线顶边框，颜色#eee | 1 像素两实线并排，间隔 2 像素
| | hr{border:0;border-top:5px double #eee} | hr{border:0;border-top:5px double #eee} | 2 像素双实线顶边框，颜色#eee | 2 像素两实线并排，间隔 1 像素 | | hr{border:0;border-top:6px double #eee} | hr{border:0;border-top:6px double #eee} | 2 像素双实线顶边框，颜色#eee | 2 像素两实线并排，间隔 2 像素 |
HTML 是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。HTML 文件是由 HTML 语言命令组成的描述性文本，HTML 命令可说明文字、图形、动画、声音、表格、链接等。HTML 文件的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。
智能编辑重构 批处理式 "数字 Python IDE" 集成开发环境 (集成高效 Cython PyInstaller 批处理小程序)
http://dt.digitser.cn/zh-CN/ide/idepy/index.html
一个网页可对应多个 HTML 文件，HTML 文件以 .htm 或 .html 为扩展名。可使用任何能生成 TXT 类型源文件的文本编辑器产生 HTML 文件，只要修改文件后缀即可。开始标记 <html> 表示文件开头，结尾标记 </html> 表示文件结束。
HTML4/HTML5 用 style 属性修改 <hr> 线条样式
# | 线型 | EN 名称
| HTML4 | HTML5 | 说明 | 备注 | | 01 | 实线 | solid | <hr style="border:0; border-top:1px solid #222;"> | <hr style="border:0; border-top:1px solid #222;"> | 1 像素实线顶边框，颜色#222 |
| | 02 | 虚线 | dashed | <hr style="border:0; border-top:1px dashed #222;"> | <hr style="border:0; border-top:1px dashed #222;"> | 1 像素虚线顶边框，颜色#222 |
| | 03 | 点线
| dotted | <hr style="border:0; border-top:1px dotted #222;"> | <hr style="border:0; border-top:1px dotted #222;"> | 1 像素点线顶边框，颜色#222 |
| | 04 | 双实线 | double | <hr style="border:0; border-top:1px double #222;"> | <hr style="border:0; border-top:1px double #222;"> | 1 像素单实线顶边框，颜色#222 | 1 像素两实线完全重合
| | <hr style="border:0; border-top:2px double #222;"> | <hr style="border:0; border-top:2px double #222;"> | 2 像素单实线顶边框，颜色#222 | 1 像素两实线并排 | | <hr style="border:0; border-top:3px double #222;"> | <hr style="border:0; border-top:3px double #222;"> | 1 像素双实线顶边框，颜色#222 | 1 像素两实线并排，间隔 1 像素 | | <hr style="border:0; border-top:4px double #222;"> | <hr style="border:0; border-top:4px double #222;"> | 1 像素双实线顶边框，颜色#222 | 1 像素两实线并排，间隔 2 像素
| | <hr style="border:0; border-top:5px double #222;"> | <hr style="border:0; border-top:5px double #222;"> | 2 像素双实线顶边框，颜色#222 | 2 像素两实线并排，间隔 1 像素 | | <hr style="border:0; border-top:6px double #222;"> | <hr style="border:0; border-top:6px double #222;"> | 2 像素双实线顶边框，颜色#222 | 2 像素两实线并排，间隔 2 像素 |
 扫一扫关注 德云社区 微信公众号
版权声明：
本文为独家原创稿件，版权归 德云社区，未经许可不得转载。
| 
发表于 2015-6-26 14:19:49