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 像素 |
扫一扫关注 德云社区 微信公众号 版权声明: 本文为独家原创稿件,版权归 德云社区,未经许可不得转载。 |