零基础学做网站培训介绍

当前位置：

HTML水平线 HR标签

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

HTML水平线 HR标签介绍

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

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

HTML水平线 HR标签使用实例

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

HTML水平线 HR标签用法

内容1
<hr />
内容2

HTML水平线 HR标签属性

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

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

4条回应：“HTML水平线 HR标签”

  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

    颜色变化 可以这么写

    回复

发表评论

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

相关教程

  • html5做网站：怎样用HTML5在网页图片上写文字 图文教程 (145936 次浏览)
    在做网站过程中，如果想在一张网页上实现图片加文字的格式，就需要通过Dreamweaver CS6破解版软件设置背景图片。可以在网页上添加背景图片，然后
  • 做网站需要用什么编辑器，HTML 常用编辑器有哪些 (119971 次浏览)
    学习了一些HTML知识，我们就可以自己动手去写一些HTML代码了。那么用什么写了，这就要用HTML 编辑器。常用的HTML 编辑器有二种就是记事本和Dreamweave
  • HTML换行标签，HTML水平线标签，HTML注释标签 (120909 次浏览)
    HTML换行标签：<BR/>br 是换行(Break)的缩写。文本会在这个标签的地方换行。在HTML代码里直接换行的话,按浏览器的不同可能显示为一个空格,或
  • 建网页知识：CSS控制网页DIV层水平垂直居中 (112905 次浏览)
    在网站布局过程中，运用div+css的布局是特别有利的，通常我们需要对一个div层进行居中处理，那么如何通过css属性对它进行控制呢：下面分享一个建网页
  • HTML水平线 HR标签 视频教程 (1105288 次浏览)
    HTML水平线 HR标签介绍HR标签又叫做水平线标签。在做网站时，一个网页上同时出现多个不同主题的内容时，我们为了区分它们可以在不同的内容中间
  • href="#"与href="javascript:void(0)"空链接区别 图文教程 (111363 次浏览)
    在学做网站论坛的html视频教程中，讲到了空链接可以使用href="#"。在实际网站开发过程中，href="javascript:void(0)"也可以制作空链接。那么h
  • HTML文本格式化标签，“计算机输出”标签，引用标签 (120623 次浏览)
    HTML 文本格式化：使用 pre 标签对空行和空格进行控制。“计算机输出”标签：这些标签常用于显示计算机/编程代码。引用标签：使用 blockquote
  • HTML文字倾斜标签是什么 (122596 次浏览)
    HTML文字倾斜标签是什么？我们在做网站时，有的文字需要倾斜显示，这时就需要使用HTML文字倾斜标签了。HTML斜体标签：HTML 斜体标签元素知识与

课程目录