首页 > 电脑专区 > windows >

记事本制作网页基础教程

来源:互联网 2023-02-20 17:43:19 390

HTML语言是一个标记语言,所有所建立的网页都是由不同的标记标签来编写的,标记标签基本都是成对出现的,下面我们就使用记事本来简单编写网页dUX办公区 - 实用经验教程分享!

工具/原料

  • DW
  • HTML

方法/步骤

  • 1

    在文档中输入html标签,整个内容区都包含在html标签之下dUX办公区 - 实用经验教程分享!

    记事本制作网页基础教程dUX办公区 - 实用经验教程分享!

  • 1相关内容非法爬取自百度经验
  • 2

    html标签中会有内容区,内容区标签是body;要成对出现的body标签,所以就是body>/body>;一对标签有起始标签和结尾标签,结尾标签以/区分dUX办公区 - 实用经验教程分享!

    记事本制作网页基础教程dUX办公区 - 实用经验教程分享!

  • 3

    然后在内容区,添加文字信息,如h1标题标签、p为段落标签;h1标签标签有自己的标签属性,在网页中就会显示为字体加粗加大效果,h1和p标签都是块状标签,简单来说就是会自己换行dUX办公区 - 实用经验教程分享!

    记事本制作网页基础教程dUX办公区 - 实用经验教程分享!

  • 4

    然后选择文件中的另存为选项dUX办公区 - 实用经验教程分享!

    记事本制作网页基础教程dUX办公区 - 实用经验教程分享!

  • 5

    在另存为选项设置中,设置文件名为.html结尾,保存类型选择为所有文件,最后的编码则选择为utf-8,utf-8又称为万国码,全国通用。dUX办公区 - 实用经验教程分享!

    记事本制作网页基础教程dUX办公区 - 实用经验教程分享!

  • 6

    最后保存后,记事本图标就变为了网页图标,双击打开后,就打开了一个网页,就可以看到刚才自己的h1和p标签内容了。如图所示dUX办公区 - 实用经验教程分享!

    记事本制作网页基础教程dUX办公区 - 实用经验教程分享!

  • 7

    如果想要再次编辑代码时,打开一个记事本文件,然后将刚才建立的网页直接dUX办公区 - 实用经验教程分享!

    dUX办公区 - 实用经验教程分享!

    拖入到打开的记事本中,就会重新出现编辑代码区了。dUX办公区 - 实用经验教程分享!

    记事本制作网页基础教程dUX办公区 - 实用经验教程分享!

  • 注意事项

    • 如果此经验对您有帮助,请为我投票加关注,谢谢大家的支持^_^

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!dUX办公区 - 实用经验教程分享!


    标签: 操作系统HTML记事基础教程

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码