大家好，今天小编关注到一个比较有意思的话题，就是关于html页面模版的问题，于是小编就整理了2个相关介绍html页面模版的解答，让我们一起看看吧。
HBuilder如何创建html文件并运行？
HBuilder是DCloud推出的一款支持HTML5的Web开发IDE。它可以大幅提升HTML的开发效率。HBuilder创建html文件并运行，可参考以下步骤：1.打开软件，依次点击文件→新建→选择Web项目，(按下Ctrl+N,W）可以触发快速新建。
2.请在A处填写新建项目的名称，B处填写(或选择)项目保存路径(更改此路径HBuilder会记录，下次默认使用更改后的路径)，C处可选择使用的模板(可点击自定义模板,参照打开目录中的readme.txt自定义模板)。
3.在项目资源管理器中选择刚才新建的项目,依次点击文件→新建→选择HTML文件(按下Ctrl+N,W可以触发快速新建(MacOS请使用Command+N,然后左键点击HTML文件)),并选择空白文件模板。
网页中如何用HTML/CSS实现文字居中于图片？
1、前端用到的编辑器有很多，本例通过选择Sublime Text3编辑器来实现文字居中图片的制作。第一步，打开电脑中安装的Sublime Text3，新建demo文件夹用来存放文件，在里面新建一个html文件，通过Tab快捷键迅速创建一个html模板，并命名标题。如图：
2、第二步，在顶部head标签里引入外部CSS文件。当然，因为本例比较简单，就直接写在style标签里了。建议实际开发应该写在外部CSS文件中。
3、第三步，在Body中写简单的html代码。在一个容器div中，给一个类名，然后加一个子div，命名类名，用来填充文字。子div中加一个h标签，引入文字，随便写几个文字。如图：
4、第四步，写父级div的样式。其主要作用是包裹子级div。为了看得比较明显，加一个边框样式：border:1px solid #093。如图：
5、第五步，写主要的字div样式。设置长度和宽度，以及边框样式；文字颜色字体以及大小；接着以一张图片作为背景图片，不重复：background: url(images/0.jpg) no-repeat。如图。你也可以随时在浏览器中查看效果。可以看到，此时，文字是在图片最上面。
1、前端用到的编辑器有很多，本例通过选择Sublime Text3编辑器来实现文字居中图片的制作。第一步，打开电脑中安装的Sublime Text3，新建demo文件夹用来存放文件，在里面新建一个html文件，通过Tab快捷键迅速创建一个html模板，并命名标题。如图：
2、第二步，在顶部head标签里引入外部CSS文件。当然，因为本例比较简单，就直接写在style标签里了。建议实际开发应该写在外部CSS文件中。
3、第三步，在Body中写简单的html代码。在一个容器div中，给一个类名，然后加一个子div，命名类名，用来填充文字。子div中加一个h标签，引入文字，随便写几个文字。如图：
4、第四步，写父级div的样式。其主要作用是包裹子级div。为了看得比较明显，加一个边框样式：border：1px solid #093。如图：
5、第五步，写主要的字div样式。设置长度和宽度，以及边框样式；文字颜色以及字体大小；接着以一张图片作为背景图片，不重复：background: url(images/0.jpg) no-repeat。如图。你也可以随时在浏览器中查看效果。可以看到，此时，文字是在图片最上面。
6、第六步，接着是最关键的部分，设置文字居中于图片，包括垂直和水平方向上的居中。其中，line-height：630px，使行高等于高度，文字即可在垂直方向居中；text-align: center，实现水平居中。如图：
到此，以上就是小编对于html页面模版的问题就介绍到这了，希望介绍关于html页面模版的2点解答对大家有用。