如何在HTML中插入一行

Posted on
作者: Laura McKinney
创建日期: 8 四月 2021
更新日期: 16 可能 2024
Anonim
【网页设计 2020】教程|HTML Image 图片编码
视频: 【网页设计 2020】教程|HTML Image 图片编码

内容

本文内容:在HTML 4.01中插入一行使用CSS文件和HTML5插入一行

您可以使用水平线来界定网站的内容。显示一行的代码非常简单。但是,如果您可以使用HTML 4.01在代码中直接更改行的样式,则HTML5会与之不同。对于后者,您将必须使用CSS组件来修改样式。


阶段

方法1在HTML 4.01中插入一行



  1. 创建一个新文档。 打开或创建一个新的HTML文档。 HTML文档可以使用e编辑器进行编辑,例如 记事本。您也可以使用类似 Adobe Dreamweaver。请按照以下步骤在您选择的程序中打开HTML文档:
    • 开放 记事本 或您选择的e或代码的发布者;
    • 点击 文件 ;
    • 点击 开放 ;
    • 选择一个HTML文件;
    • 点击 开放.


  2. 插入行。 选择要插入行的位置。向下滚动,直到找到要在其上方插入行的代码行。然后单击该行的最左侧以将光标定位在该行的开头。


  3. 留下空间。 双击 条目 将e向下移动到要在其上面放置水平线的线。之后,将光标置于刚创建的空间的顶部。



  4. 添加标签
    .
    类型
    在行的开始之前。标签
    用于在页面上创建一条水平线。


  5. 转到行。 将线移到标签前面 小时 在新的一行上。为此,请按 条目。因此,标签
    应该自己隔离。


  6. 添加属性。 您可以(如果需要)向水平线添加属性,例如长度,宽度,颜色和路线属性。标签后使用以下代码 小时 the子里。您可以在人字形内添加多个属性,方法是用空格隔开。
    • 类型
      更改线的粗细。将#替换为所需的厚度值(例如:size =“ 10”)。
    • 类型
      更改线的宽度。将#替换为页面宽度的像素数或页面宽度的百分比(例如:width =“ 200”或width =“ 75%”)。
    • 类型
      更改线条的颜色。将#替换为颜色名称或十六进制代码(例如:color =“ red”或color =“#FF0000”)
    • 类型
      管理线的对齐方式。将“#”替换为“ right”,“ left”或“ center”(例如:
      ).



  7. 保存您的HTML文件。 要将e文件另存为HTML文档,您必须替换文件扩展名(.TXT, .DOCX)由 html的。请按照以下步骤保存HTML文档:
    • 点击菜单 文件 ;
    • 选择 另存为... ;
    • 在旁边输入文件名 档案名称 ;
    • 类型 html的 文件名之后
    • 点击 记录.


  8. 测试您的代码。 要测试您的HTML文件,请右键单击该文件,然后选择 打开与。然后,选择一个互联网浏览器。在放置标签的位置应出现一行 小时。您的HMTL代码应如下所示:

    这是一个标题


    这是一段与标题之间用水平线隔开的段落。

方法2:使用CSS文件和HTML5插入行



  1. 创建一个新文档。 打开或创建一个新的HTML文档。 HTML文档可以使用e编辑器进行编辑,例如 记事本。您也可以使用类似 Adobe Dreamweaver。请按照以下步骤在您选择的程序中打开HTML文档:
    • 开放 记事本 或您选择的e或代码的发布者;
    • 点击 文件 ;
    • 点击 开放 ;
    • 选择一个HTML文件;
    • 点击 开放.


  2. 添加标签 . 如果您的HTML文件尚无内容 ,请按照以下步骤进行添加。部分 在标签之间 和 .
    • 类型 在文档顶部。
    • 双击 条目 添加两个新行。
    • 类型 结束游戏 .


  3. 类型

    这是一个标题


    这是一条由水平线分隔的段落