快好知 kuaihz

如何在HTML中插入一行

在本文中:使用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/

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:如何在HTML中插入一行  插入  插入词条  一行  一行词条  如何  如何词条  HTML  HTML词条