HTML实战二:html基础模版以及初始化文件创建

HTML实战二:html基础模版以及初始化文件创建

上篇文章我们说了初始化css让我们来谈谈如何在本文中创造初始化html创建基本模板和初始化文件。

1)初始化html文件的创建

我们在对一个网页进行切图编码之前,我们需要创建这么几个目录文件, 方便存储我们的代码;

css文件目录:该目录用于存储我们的网页css文件一般分为两个文件,一个用于存储上一篇文章中提到的初始代码base.css,另一个是存储我们自己编写的网页代码style.css文件;

i ** ges文件目录:该目录用于存储我们网页的切图文件,网页中的背景图片和元素图标可存储在本文件夹中;

js文件目录:该目录的功能是存储我们编写的网页javascript代码(关于javascript我们将在以后的文章中详细解释代码),js代码的作用是实现网页中的基本动态显示效果,如选项卡切换,banner轮播图切换等效果;

另一个文件是我们的网页html我们通常在主页上命名文件index.html,一般放于跟目录下边。标准的目录文件就如下图所示:

注:如果你的电脑看不见.html这个后缀, 找到文件夹左上角的组织-文件夹和搜索选项;

然后点击查看-找到隐藏已知文件类型的扩展名-删除前面的对钩;

2)标准html模版的创建

文件创建完成之后我们就要创建标准的index.html网页模板,网页模板一般由主体组成html、头部head、内容body组成,其中head该区域主要存储网页标题、关键字、页面描述和css和js引用代码;和body该区域主要存储我们未来页面的编码内容;

标准模板的具体显示效果如下图所示:

好了,这篇文章就到这里。下来可以创建自己的一般初始化文件模板,以后直接开发。 ** 使用即可。

每日金句:不要生气,争取成功,不要突破,不要嫉妒,不要欣赏,不要拖延,不要采取行动。记住要注意我的文章,并每天为你更新最新的知识。

原创文章,作者:修行,如若转载,请注明作者昵称:修行及出处:https://wp.fjsqywlkj.top/computer/html-programming/3310.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022年8月6日 06:30
下一篇 2022年8月11日 06:40

相关推荐

发表回复

登录后才能评论
在线客服 QQ交流群
返回顶部