html怎么输出一条横线

html-css031

html怎么输出一条横线,第1张

用input页面标签

并将下Border设为直线

<style>

input[type="text"]{border-bottom:solid 1px #ccc}

<style>

<input type="text"/>

或

输出一条横线用：<hr>如果想让它长点就改变它的样式：<hr style="width:1000PX">变长和粗：<hr style="width:1000PXheight:20px">其中width 是宽（长），height是高（粗细）。

扩展资料：

<head></head>：这2个标记符分别表示头部信息的开始和结尾。头部中包含的标记是页面的标题、序言、说明等内容，它本身不作为内容来显示，但影响网页显示的效果。头部中最常用的标记符是标题标记符和meta标记符，其中标题标记符用于定义网页的标题，它的内容显示在网页窗口的标题栏中，网页标题可被浏览器用做书签和收藏清单。

参考资料来源：百度百科-html代码

需要准备的材料分别有：电脑、chrome浏览器、html编辑器。

1、首先打开html编辑器，新建一个html文件，例如：index.html。

2、其次，在index.html的<body>标签中，添加代码：<hr/>。

3、浏览器运行index.html页面，此时成功在html中画了一条线。

需要右键单击html并从“打开方式”菜单中选择文本编辑器，选择要插入线的html位置,然后单击代码的最左侧,将光标直接放在线条的开始处.创建一个空格,按住Enter两次向下移动,然后将光标向上移动到空白处点击颜色选择成为黑色就可以啦。

超文本标记语言，缩写为HTML，标准通用标记语言下的一个应用。HTML是一种标记语言，是网页制作所必备的工具。超文本标记语言(或超文本标签语言)的结构包括“头”部分和“主体”部分，其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。