龙空技术网

网页编程:如何在HTML中插入一条水平线?

免费少儿编程知识分享 248

前言:

而今朋友们对“html中如何使文字居中”大约比较关心,同学们都想要了解一些“html中如何使文字居中”的相关资讯。那么小编同时在网摘上网罗了一些有关“html中如何使文字居中””的相关资讯,希望同学们能喜欢,你们一起来了解一下吧!

今天的主题是网页编程中的水平线。

同学们好,今天我来分享一些免费的少儿编程知识。只要每天坚持学习一行代码,你也可以成为编程高手!今天我们要学习如何在HTML中插入一条水平线,使用的是HR标签。HR是一个自闭合标签,虽然它没有标准的属性,但我们可以通过CSS来控制它的外观。

先来看看我们的实例效果。在页面上,两行文字被一条直线分开。这条直线就是HR标签,效果已经展示出来了。现在我们来看看实现的代码。HR标签的写法非常简单,但在最开始的时候,它有四个属性,现在已经不被标准支持了。尽管如此,我们仍然可以使用它。

今天的实例中,我们已经将这些标签加入到了代码中。如果你感兴趣,可以查看下方的代码。按下空格键可以看到过时的属性不会被智能提示,但这并不影响代码的正确性。将注释取消后保存,然后回到浏览器刷新,可以看到属性仍然有效。线条的高度为3,宽度为400,并且居中显示。取消阴影后,线条将变为纯色。

这只是一个演示,你可以参考一下。从这个示例中,我们可以看到,HR标签的宽度是根据页面宽度自动调整的。当它的宽度达到整个浏览器时,它会自动换行。既然属性已经过时了,那么我们如何通过HTML来控制外观呢?CSS是我们今天要学习的内容。

先取消注释的代码,让HTML失效,然后保存。回到浏览器刷新,就可以看到线条变成了蓝色。

今天的分享就到这里,希望各位同学可以试着写三遍,不需要看视频也可以掌握这个技巧。如果你需要案例和相关文档,可以向我咨询。

我们下期再见,想学习编程的同学记得关注哦。

标签: #html中如何使文字居中 #html内嵌套其他页面 #html页面插入视频 #html插入图 #css水平线样式