学做网站培训课程介绍

当前位置：

HTML水平线 HR标签

以下为学做网站论坛关于“HTML水平线 HR标签”讲解视频教程。

选择课程播放速度：

HTML水平线 HR标签介绍

HR标签又叫做水平线标签。

在做网站时，一个网页上同时出现多个不同主题的内容时，我们为了区分它们可以在不同的内容中间加一个水平线把它们分开，这时就可以用到HTML水平线HR标签了。

HTML水平线 HR标签使用实例

HR标签与我们之前讲的 Br 换行标签外观很像，也都属于单个标签。

HTML水平线 HR标签用法

内容1
<hr />
内容2

HTML水平线 HR标签属性

水平线标签默认情况下，水平线标签画出的水平线是灰色的，高度为1px,但是我们也可以去设置它的属性来控制它的样式，赶快自己去试试吧，画出一个漂亮的水平线。

例如：
width----设置它的宽度
height-----设置水平线的高度
color------设置水平线的颜色

《 “HTML水平线 HR标签” 》 有 5 条评论

  1. 竹吟风雨说道：
    2017年7月11日 下午1:39

    老师，您好！请问为什么我输入水平线标签后 保存打开后水平线是显示蓝色的，但是实心却是空白的，为什么呀？

    回复
  2. 学做网站讲师说道：
    2017年7月12日 上午11:07

    水平线标签为

    <hr />

    ，默认情况下水平线的颜色为灰色，如果想控制水平线的样式，可以这样写

    <hr style="color:red" />
    回复
    • 深圳王龙建说道：
      2018年9月25日 上午10:50

      老师，这段设置水平线颜色的代码在DW软件的设计模式下是有显示颜色，但是在DW软件的实时视图模式以及在360se浏览器上预览的时候就是默认的灰色水平线了，我开始还以为是代码有误，一直想不通怎么会在预览的时候没有发生任意变化

      回复
  3. 广州吴奇隆说道：
    2019年4月2日 下午3:05

    颜色变化 可以这么写

    回复
  4. 广东SEO说道：
    2024年11月7日 下午12:29

    这篇技术很好

    回复

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

相关教程

  • 认识HTML，什么是html代码 (135221 次浏览)
    什么是html代码HTML（Hyper Text Mark-up Language ）即超文本标记语言，是 WWW 的描述语言，由 Tim Berners-lee提出。只要使用鼠标在某一文档中点
  • 常用的HTML标签有哪些 (136128 次浏览)
    什么是HTML标签HTML 标记标签通常被称为 HTML 标签 (HTML tag)。HTML标签即是网页浏览器识别符，就像一个人名字张三、李四代表人的姓名一样。这里说
  • 建网页知识：CSS控制网页DIV层水平垂直居中 (124289 次浏览)
    在网站布局过程中，运用div+css的布局是特别有利的，通常我们需要对一个div层进行居中处理，那么如何通过css属性对它进行控制呢：下面分享一个建网页
  • HTML换行标签，HTML水平线标签，HTML注释标签 (132885 次浏览)
    HTML换行标签：<BR/>br 是换行(Break)的缩写。文本会在这个标签的地方换行。在HTML代码里直接换行的话,按浏览器的不同可能显示为一个空格,或
  • HTML水平线 HR标签 视频教程 (1132367 次浏览)
    HTML水平线 HR标签介绍HR标签又叫做水平线标签。在做网站时，一个网页上同时出现多个不同主题的内容时，我们为了区分它们可以在不同的内容中间
  • href="#"与href="javascript:void(0)"空链接区别 图文教程 (110943 次浏览)
    在学做网站论坛的html视频教程中，讲到了空链接可以使用href="#"。在实际网站开发过程中，href="javascript:void(0)"也可以制作空链接。那么h
  • html 标签的特点及基本语法 (112050 次浏览)
    html 标签有哪些特点刚刚接触超文本，遇到的最大的障碍就是一些用“<”和“>”括起来的句子，我们称它为标签，是用来分割和标记文本的元素，以形

课程目录