章节
问答
课签
笔记
评论
占位
占位

再来一个水平分割线 - 使用<hr>标签实现水平线标签

在信息展示时,有时会需要加一些用于分隔的横线,这样会使文章看起来整齐些。如下图所示:

语法:

html4.01版本 <hr>

xhtml1.0版本 <hr />

注意:

1. <hr />标签和<br />标签一样也是一个空标签,所以只有一个开始标签,没有结束标签。

2. <hr />标签的在浏览器中的默认样式线条比较粗,颜色为灰色,可能有些人觉得这种样式不美观,没有关系,这些外在样式在我们以后学习了css样式表之后,都可以对其修改。

3. 大家注意,现在一般使用 xhtml1.0 的版本(其它标签也是),这种版本比较规范。

任务

我来试试:用<hr>标签分隔两段文字,使文章看起来更整洁。

1. 在右部编辑器中的第 9 行输入<hr />标签。

?不会了怎么办

1. 别忘了<hr>标签的语法

 <hr />

||
1
2
<!DOCTYPE html>
<html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
提交
重置代码
||

请验证,完成请求

由于请求次数过多,请先验证,完成再次请求

加群二维码

打开微信扫码自动绑定

您还未绑定服务号

绑定后可得到

  • · 粉丝专属优惠福利
  • · 大咖直播交流干货
  • · 课程更新,问题答复提醒
  • · 账号支付安全提醒

收藏课程后,能更快找到我哦~

使用 Ctrl+D 可将课程添加到书签

邀请您关注公众号
关注后,及时获悉本课程动态

举报

0/150
提交
取消
全部 精华 我要发布

最新回答 / 天外飘仙
可以用css标签 text-indent进行缩进, 或者是&nbsp占位符

最赞回答 / qq_慕哥1590898
<hr/>和<br/>分别是分割线和换行的空标符,<hr>和<hr/>,<br>和<br/>的区别是能否被该版本的编程软件所识别。

已采纳回答 / 慕瓜9186597
最好不要在一个元素内使用hr

最新回答 / 慕粉13156200615
    <code>&lt;div&gt;显示div标签&lt;/div&gt;</code>

已采纳回答 / 慕侠0471408
width调节宽度,size调节高度,color调节颜色<hr color=”颜色” size=“高度“ width=”宽度“/>

最赞回答 / happyvb
一般来说是没有什么区别,但少了/就不是W3C的标准,少了/也没事,现在的浏览器都兼容的

最赞回答 / 尹少桀
<input id="_text" type="text" value="这里是文本框的内容" />你说的应该是这种文本框吧

最新回答 / 蝴蝶蓝兰
<style>hr{border:2px;color:red;}</style>用css修饰。

最新回答 / 林迦叶
兼容性的问题,用xhtml1.0版本会比较好,部分浏览器就因为兼容性,不能显示新版本编的代码效果

最新回答 / 偽妳變坏
上面的答案是内联式修饰方式,下面的答案是嵌入式修饰,嵌入式的只要在</head>之前就行了。

最新回答 / qq_慕神9314008
<hr/> 和<hr />是一样的 空格在这里不会解析使用<hr/>更加规范 兼容性更好  <hr>可以使用,但不规范

最赞回答 / 慕田峪6055735
前面学过,空格和回车在html中都是被忽略的,所以你写不写空格都是一样的

最赞回答 / weixin_慕慕4153252
<img src="图片地址" alt="显示不出来图片时候显示的文字 或者就是你鼠标在上面的时候提示的文字"></img>图片地址 就是网上找到图片 保存到你建好的目录下的img文件夹里面 就HBulider新建wed项目 会直接出来一个img文件夹放图片的 其他的软件应该也可以 然后就是把图片放进去 那个地址也就是填图片的名称 希望对你有用 

最新回答 / qq_十步一杀
DW,这个可以编辑,也可以运行,EditPlus这个也可以,不过只有三十天的试用期
全部 我要发布
最热 最新
只看我的

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

账号登录 验证码登录

遇到问题
忘记密码

代码语言