上一篇文章我们讲了初始化CSS的创建,这篇文章我们讲一下如何创建初始化HTML的基本模板,以及初始化文件的创建。
1)初始化创建HTML文件
在编写网页之前,我们需要创建几个目录文件来存储我们的代码。
CSS文件目录:该目录用来存放我们的网页CSS文件,一般我们将其分成两个文件,一个用来存放上一篇文章中提到的初始化代码的base.css,一个用来存放我们自己编写的网页代码的style.css文件;
文件目录:该目录用于存放我们网页的切图文件,网页中的背景图片、元素图标等都可以存放在这个文件夹中;
js文件目录:该目录用来存放我们编写的网页的java代码(我们会在后面的文章中详细讲解java代码),js代码用于实现网页中基本的动态显示效果,比如标签切换,轮播切换等效果;
另外一个文件就是我们的网页html文件,首页一般命名为index.html,一般放在根目录下,标准目录文件如下图所示:
注意:如果你的电脑看不到.html后缀,请在文件夹左上角找到组织-文件夹和搜索选项;
然后点击查看——查找隐藏已知文件类型的扩展名——取消勾选它前面的框;
2)创建标准HTML模板
文件创建完成后,我们需要创建一个标准的index.html网页模板,一个网页模板一般由主体html、head、内容body组成,head区域主要存储网页标题、关键词、页面描述以及css和js代码的引用;body区域主要存储以后页面的编码内容;
具体标准模板展示效果如下图所示:
好了,本文就到此结束了,大家可以自己制作一个通用的初始化文件模板,在以后的开发中复制使用。
不要生气,要争强好胜;不要愤世嫉俗,要突破自我;不要嫉妒,要感恩他人;不要拖延,要积极主动;不要感动,要采取行动。
扫一扫在手机端查看
-
Tags : html创建文件夹
我们凭借多年的网站建设经验,坚持以“帮助中小企业实现网络营销化”为宗旨,累计为4000多家客户提供品质建站服务,得到了客户的一致好评。如果您有网站建设、网站改版、域名注册、主机空间、手机网站建设、网站备案等方面的需求,请立即点击咨询我们或拨打咨询热线: 13761152229,我们会详细为你一一解答你心中的疑难。


客服1