在本文中:使用HTML 4.01使用CSS和HTML5参考
本文教你如何在HTML中创建水平线。水平线可以用来分隔网站上的内容。创建一行的代码非常简单。但是,你可以在HTML 4.01中添加嵌入代码来设计行。在HTML5中,你需要使用CSS对行进行样式设置。
方法
1:使用HTML 4.01
1:打开或创建一个新的HTML文档。可以使用文本编辑器(如“记事本”)编辑HTML文档。你还可以使用代码编辑器,如Adobe Dreamweaver。使用以下步骤在程序中打开HTML文档或者采用其他方法:
打开“记事本”,或者文本编辑器和代码编辑器。
点击文件菜单。
点击打开。
选择HTML文件。
点击打开
2:选择要插入行的位置。向下滚动,直到找到要插入这行的上面一行,然后点击这行的最左侧,将光标直接放在这一行的最前面。
3:创建空白区域。按两次Enter,向下移动你想要在上面输入行的文本,然后将光标向上移动到空白区域。
4:添加"
"标签。在行开始前的空格中输入
。
标签负责在整个页面上创建一条水平线。
5:将“hr”标签前面的行移到新行上。按Enter即可。这时,
标签应该就在自己的那一行了。
6:向水平线添加属性(可选)。你可以向水平线添加属性,例如长度、宽度、颜色和对齐。在代码括号中的“hr”后面使用以下代码。可以在括号中添加多个属性,方法是用空格分隔它们。
更改行的粗细。用粗细的数字(如,size="10")替换#。
更改行的宽度。用宽度的像素数或页面宽度的百分比(如,width="200", or width="75%")替换#。
更改行的颜色。用颜色或十六进制代码的名称(如,color="red" or color="#FF0000")替换#。
对齐行。用"right"、"left"或"center"(如,
)替换#。
7:保存HTML文件。要将文本文件保存为HTML文档,你需要将文件扩展名(.txt、.docx)替换成“.html”。使用下列步骤保存HTML文件:
点击文件菜单。
点击另存为。
在“文件名”旁边输入文件名称。
在文件名末尾输入.html。
点击保存。
8:测试HTML。右击文件,选择打开方式。然后选择网页浏览器。在“hr”标签的位置应该会出现一条实线。你的HTML代码应该是这样的:
这是标题
方法
2:使用CSS和HTML5
1:打开或创建一个新的HTML文档。可以使用文本编辑器(如“记事本”)编辑HTML文档。你还可以使用代码编辑器,如Adobe Dreamweaver。使用以下步骤在程序中打开HTML文档或者采用其他方法:
打开“记事本”,或者文本编辑器和代码编辑器。
点击文件菜单。
点击打开。
选择HTML文件。
点击打开
2:在HTML文档中添加head标签。如果HTML文档还没有head标签,采用以下步骤添加head标签。head标签位于“”标签后面,“”标签的前面。
在文档顶部输入。
按两次Enter添加新的两行。
输入结束head标签。
3:在head标签内输入
这是标题
参考
↑ https://www.w3schools.com/tags/tag_hr.asp
↑ http://www.myhtmltutorials.com/line.html
↑ https://www.w3schools.com/TAGS/tag_hr.asp
↑ https://love2dev.com/blog/html-horizontal-line/