篇文章我們說了初始化css的創建，本篇文章我們來說一下如何創建一個初始化html的基本模版以及初始化文件的創建。

1）初始化html文件的創建

我們在對一個網頁進行切圖編碼之前，我們需要創建這么幾個目錄文件， 便于存放我們的代碼；

css文件目錄：該目錄的作用是用于存放我們的網頁css文件，一般我們分為2個文件，一個是用于存放我們上篇文章說到的初始化代碼的base.css，還有一個是用于存放我們自己編寫的網頁代碼的style.css文件；

images文件目錄：該目錄的作用是用于存放我們網頁的切圖文件，網頁中的背景圖片以及元素圖標等都可以存放到此文件夾中；

js文件目錄：該目錄的作用是存放我們編寫的網頁javascript代碼（關于javascript代碼我們將在以后的文章中進行詳解），js代碼的作用是實現網頁中的基本動態展示效果，比如選項卡切換，banner輪播圖切換等效果；

另外還有一個文件就是我們的網頁html文件，首頁我們一般命名為index.html，一般放于跟目錄下邊。標準的目錄文件就如下圖所示：

備注：如果你的電腦看不到.html這個后綴的話, 在文件夾左上角找到組織-文件夾和搜索選項；

然后點擊查看-找到隱藏已知文件類型的擴展名-將前邊的對勾去掉即可；

2）標準html模版的創建

文件創建完成之后我們就要創建標準的index.html的網頁模版，一個網頁模版一般是由主體html、頭部head、內容body組成，其中head區域主要存放網頁標題、關鍵詞、頁面描述以及css和js代碼的引用；而body區域主要存放我們以后對頁面的編碼內容；

具體的標準模版顯示效果就如下圖所示：

好了，本篇文章就給大家說到這里，大家自己下來可以創建屬于自己的通用初始化文件模版，以后開發的時候直接復制使用即可。

每日金句：不要生氣要爭氣，不要看破要突破，不要嫉妒要欣賞，不要拖延要積極，不要心動要行動。喜歡我的文章的小伙伴記得關注一下哦，每天將為你更新最新知識。

案例研究演示了如何構建一個完整的 <AppML> 互聯網應用程序，具有針對數據庫中的若干表進行信息列舉、編輯和搜索的功能。

添加 HTML 模板

我們將演示如何向 HTML 頁面添加 HTML 模板。

列出客戶

HTML - View

<h1>Customers</h1>

<div id="List01"></div><br>

<table id="Template01" class="appmltable" style="display:none">

<tr>

<th>Customer</th>

<th>City</th>

<th>Country</th>

</tr>

<tr id="appml_row">

<td>#CustomerName#</td>

<td>#City#</td>

<td>#Country#</td>

</tr>

</table>

<script src="appml.js"></script>

<script>

var customers

customers=new AppML("appml.php","Models/Customers");

customers.run("List01","Template01");

</script>