首页 > 软件开发 > HTML >

如何新建一个HTML模板

来源:互联网 2023-03-16 19:15:43 343

我们如何建立一个网页模板呢?下面一起来看看吧!cIA办公区 - 实用经验教程分享!

工具/原料

  • html

方法/步骤

  • 1

    首先,我们打开一个网页制作软件,然后新建一个html文件,在第一行输入!doctype html>用于声明文档的类型cIA办公区 - 实用经验教程分享!

    如何新建一个HTML模板?cIA办公区 - 实用经验教程分享!

  • 2

    然后在第二行输入html>/html>标签,用于存放所有的内容cIA办公区 - 实用经验教程分享!

    如何新建一个HTML模板?cIA办公区 - 实用经验教程分享!

  • 3

    在第三行输入head>/head>标签,用于存放给浏览器和搜索引擎看的信息cIA办公区 - 实用经验教程分享!

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

    如何新建一个HTML模板?cIA办公区 - 实用经验教程分享!

  • 4

    在第四行输入title>/title>标签,用于显示网页的名字cIA办公区 - 实用经验教程分享!

    如何新建一个HTML模板?cIA办公区 - 实用经验教程分享!

  • 5

    在第五行输入meta charset="">标签,该标签是网页语言标签,防止网页乱码的cIA办公区 - 实用经验教程分享!

    如何新建一个HTML模板?cIA办公区 - 实用经验教程分享!

  • 6

    在第六行输入meta name="keywords" content="">标签,改标签用于显示网页关键字信息,扩大被搜索的概率cIA办公区 - 实用经验教程分享!

    如何新建一个HTML模板?cIA办公区 - 实用经验教程分享!

  • 7

    在第七行输入meta name="description" content="">标签,用于介绍网页cIA办公区 - 实用经验教程分享!

    如何新建一个HTML模板?cIA办公区 - 实用经验教程分享!

  • 7相关内容非法爬取自百度经验
  • 8

    然后我们在head标签外,加上一个body双标签即可。然后我们以上内容保存为模板,就可以省很多事情了,我们点击【工具】,点击【配置用户工具】,然后点击【模板】,然后再点击【HTML】,然后再点击【载入】,然后左下角会出现这样一个文件,如下图所示:cIA办公区 - 实用经验教程分享!

    如何新建一个HTML模板?cIA办公区 - 实用经验教程分享!

    如何新建一个HTML模板?cIA办公区 - 实用经验教程分享!

    如何新建一个HTML模板?cIA办公区 - 实用经验教程分享!

    如何新建一个HTML模板?cIA办公区 - 实用经验教程分享!

    如何新建一个HTML模板?cIA办公区 - 实用经验教程分享!

  • 9

    这个template就是网页模板文件,我们把前面一个文件所写的代码复制到template里面即可。以后我们打开新建html网页就会出现这个模板cIA办公区 - 实用经验教程分享!

    如何新建一个HTML模板?cIA办公区 - 实用经验教程分享!

    如何新建一个HTML模板?cIA办公区 - 实用经验教程分享!

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


    标签: HTML

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