只针对完全没有接触过网页制作的想学习网页制作的新手朋友。所以就以最简单的文字加图片为内容的网页来举例。希望通过最简单的东西，让你了解到一个网页的制作过程，从而延伸到复杂的网页设计做好准备。什么事都是从简单到复杂。
Only to no contact with web page made want to learn to make new friends. So in the most simple words and pictures for the content of the web page for example. Hope that through the most simple things, let you know that the process of making a web page to extend to prepare complex web design. Everything from simple to complex.
代码编辑器：UE32，Editeplus、notepad++等
Code editor: UE32, Editeplus, notepad + +, etc
IDE编辑器：Dreavweave
IDE editor: Dreavweave
平面制作软件：
Print production software:
photoshop
photoshop
fireworks
fireworks
illustrator
illustrator
先确认你的系统中文件扩展名已经打开。方法是：打开我的电脑，点击文件夹选项，打开文件夹选项对话框，确保“隐藏已知文件的扩展名”前面的小勾已经去掉，如果没有去掉，请把小勾去掉。
Make sure your file extensions already open in the system. Method is: open my computer, click on the folder options, open the folder options dialog, make sure that "hide file extensions known" in front of the small hook has removed, if you don't take out, please remove the small hook.
创建你的第一个网页文件。为了便于管理，请先创建一个文件夹，用来存放你的网页文件和图片等资料。在你创建的文件夹中右击，选择新建，文本文件：
Create your first web page file. In order to facilitate management, please create a folder, file used to store your web pages and images, etc. In the right-click, you create a folder and choose new text file:
对这个文件重命名为index,把小点后面的txt改为html。这样一个网页文件就准备好了。
Rename the file, index, the bit at the back of the TXT to HTML. Such a web page file will be ready.
html是网页文件的扩展名。扩展名用来区分文件的类型，扩展名也用来告诉用哪个软件打开。比如html就会告诉浏览器这是一个网页，需要用网页的方式来解析并显示。
HTML is the web page file extension. Extension used to distinguish the file type, extensions are also used to tell with which software to open. Such as HTML would tell this is a web browser, the need to parse and display the page.
用notepad++打开这个index.html文件
Use notepad + + open this index. The HTML file
在编写之前，我们有必要先来了解一下一个网页最基本的结构：网页有头部和主体两大部分组成。头部和主体都包含在一对标签之内。因为网页是html语言编写的，html语言是一门标记语言，就是用一对对的标签来标记网页中的内容，从而对内容进行组织和管理。
Before writing, it is necessary for us to know about the first of a web page is the most basic structure: web page consists of the head and body of two parts. The head and body are included within a pair of < HTML > tag. Because web page is written in HTML language, HTML is a markup language, is to use the pairs of tags to mark the page content, to organize and manage the content.
标签就是网页中内容的容器。
Container labels is the web page content.
每个网页都有头部和主体。
Each page has the head and body.
如下图所示，整体的最外层标签是和,头部是和标签。在标签中，又可以写
(标题)等标签。而<head>标签内的内容一般是不会显示在浏览器窗口中的。显示在浏览器窗口给我们看的内容，都在<body></body>标签里。
As shown in the figure below, the outermost layers of the whole tag is < HTML > and < / HTML >, the head is the < head > and < / head > tag. In the < head > tag, and can write the < title > tag (title). Inside the < head > tag of the content is generally not be displayed in the browser window. Displayed in the browser window for us, the contents of the < body > < / body > tag.
了解了网页的基本结构，我们就开始来写一段完整的网页代码 ：
Understand the basic structure of web pages, we began to write a complete web page code:
<html>
< HTML >
<head>
The < head >
<title>这是网页的标题 The < title > this is the title of the page < / title >
The < / head >
The < body >
这是一个一级标题
< h1 > this is a primary title < / h1 >
这是一个段落
< p > this is a paragraph < / p >
The < / body >
The < / HTML >
在notepad++中编辑的情景如下：
In the notepad + + editor scenario is as follows:
保存之后我们在浏览器中预览，效果如下图。上面我们说过，标签里的内容不会显示在浏览器中，但是我们在中写了一句：
这是网页的标题，如果你细心就会发现，在浏览器的标签选项卡上显示了“这是网页的标题”这几个字。
Save after we in the browser preview, the effect is the diagram below. We have said above, the content in the < head > tags will not display in the browser, but we write in the < head >, < title > this is the title of the page < / title >, if you carefully will find that, in the browser's tags TAB shows the words "this is the title of the page".
原来网页标题就是显示在浏览器标题栏上的内容。网页的标题不等于内容的标题，于是我们写的
这是一个一级标题
，它被显示在浏览器窗口中。
The page title is displayed in the browser the content on the title bar. The title of the page is not equal to the title of the content, so we write the < h1 > title < / h1 > this is a level, it is displayed in the browser window.
