文件命名

第一点，包含HTML文件夹的命名

一般，一个网页不仅仅只是汉语网页，应包括面向世界的英文网页，所以汉语主页和英文主页分别放入cn和en的文件夹里。除此之外，还有图片，视频，以及脚本文件都放入自己的文件夹里。

文件类型

文件夹名称

英文网页

en

中文网页

cn

图片

images

css样式表

css

js脚本

js

多媒体文件

media

工程项目资料

project

客户资料

temp

第二点，HTML命名

一般将主页命名为index.html或default.html。
文章类也可命名为arc。通常，命名很显而易见，但是，一些公司会有自己的命名标准，所以同标准看齐。

简单网页制作

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="UTF-8">
    <title>my html5</title>
    <meta name="keywords" content="html5">
    <meta name="description" content="my first html work">
</head>
<body>
    <div>this is my first html!</div>
</body>
</html>

第一点，网页构造

一个网页必须有 < ! DOCTYPE ＨＴＭＬ＞标签，它意味着是ＨＴＭＬ５文件。
＜ｈｔｍｌ＞标签是网页开始的地方。一般网页包括以下结构。

<!DOCTYPE HTML>
<html>
<body>
     <div>内容。。。。。</div>
</body>
</html>

注意： 一般标签是成对出现的

第二点，meta元信息构建

格式 < meta 属性=“对应子属性” content=“属性对应的属性值”>
name属性
keywords： 关键词属性，提醒浏览器网页分类。
descripton： 描述信息，向搜索引擎提供网页内容概括。
author： 向浏览器说明网页作者。

http-equiv属性
content-type： 设置网页内容编码类型。
content-language： 说明网页使用语言。
page-enter： 用于设定网页进入时的特殊效果。
page-exit： 用于设定离开网页时的特殊效果。

设置字符编码
例子 < meta charset=”UTF-8”>
这句话告诉浏览器整个网页所用字符串的格式。UTF-8是一种编码格式，世界通用，不设置UTF-8，在不支持其他字符的网页上，汉字会变成乱码。

第三点，常用标签

网页结构
< head > 网页头部，加入meta元信息，以及title。
< title > 网页标题。
< html >包含html文件。
< body >标签是网页显示开始的标签。

常规标签
< h1 > 定义一级标题。
< h2 > 定义二级标题。
< p > 定义段落结构。
< hr > 定义一条分隔线。

特殊标签
< a > 超链接。
< img > 图片包含框。