1、首先我们需要在桌面上，新建一张记事本2、然后我们需要打开记事本，编写代码3、然后我们需要把记事本修改后缀名为.html4、然后我们需要在桌面上就会有一张网页，这一点很重要。5、最后我们需要需要在浏览器上运行该网页
HTML介绍：(1): This is my first homepage.This text is bold 将此文件保存为“mypage.htm”。启动浏览器。在文件菜单中选择“打开”（或者“打开页面”），这时将出现一个对话框。选择“浏览”（或者“选择文件”），定位到你刚才创建的HTML文件——“mypage.htm”，选择它，单击“打开”。然后在对话框中，你将看到这个文件的地址，比如说：“C:MyDocumentsmypage.htm”。单击“确定”，浏览器将显示此页面。--------------------------------------------------------------------------------例子解释HTML文档中，第一个标签是。这个标签告诉浏览器这是HTML文档的开始。HTML文档的最后一个标签是，这个标签告诉浏览器这是HTML文档的终止。在和标签之间文本的是头信息。在浏览器窗口中，头信息是不被显示的。在标签之间的文本是文档标题，它被显示在浏览器窗口的标题栏。在和标签之间的文本是正文，会被显示在浏览器中。在和标签之间的文本会以加粗字体显示。---常见问题问：我编写完了HTML文件，但是不能在浏览器中看见结果，为什么？答：请确认你保存了文件，并且使用了正确的文件名和扩展名，例如：“c:mypage.htm”，并且确认你用浏览器打开时使用同样的文件名。问：我编辑了HTML文件，但是修改结果并没有在浏览器中显示，为什么？答：浏览器缓存了你的页面，所以它不需要两次读取同样的页面。你修改了这个页面，浏览器并不知道。请使用“刷新/重载”按钮来强迫浏览器读取编辑过的页面。-----------------------------------------------------------------------------HTML基本标签：(2):HTML中最重要的标签是定义标题元素，段落和换行的标签。标题元素标题元素由标签

到

定义。

定义了最大的标题元素，

定义了最小的。

This is a heading

This is a heading

This is a heading

This is a heading

This is a heading

This is a heading

HTML自动在一个标题元素前后各添加一个空行。(3):段落段落是用

标签定义的。

This is another paragraph

HTML自动在一个段落前后各添加一个空行。--------------------------------------------------------------------------------换行当需要结束一行，并且不想开始新段落时，使用
标签。
标签不管放在什么位置，都能够强制换行。

This
is a para
graph with line breaks

标签是一个空标签，它没有结束标记。基本注意点——有用的技巧当你写下HTML文本的时候，你不能确知在另外一个浏览器中，这些文本将被如何显示。有人用着大的显示器，有的人用的小一些。每次用户调整窗口大小的时候，文本都将被重新格式化。不要想在编辑器中写一些空行和空格来协助排版。HTML将截掉你文本中的多余空格。不管多少个空格，处理起来只当一个。一点附加信息：在HTML里面，一个空行也只被当作一个空格来处理。使用空段落

来插入空白行是一个坏习惯，请使用
标签来替代。（但是不要用
标签来创建列表，我们后面会专门学习HTML列表的。）你也许注意到了段落可以不写结束标记

。别依赖它，HTML的下一个版本将不准你漏掉任何一个结束标签。HTML自动在某些元素前后增加额外的空行，就像在段落和标题元素的前后一样。我们使用了水平线（

---

标签）来分隔我们教程的章节。更多示例：a:多个段落：

This paragraphcontains a lot of linesin the source code,but the browserignores it.

This paragraphcontains a lot of spacesin the sourcecode,but the browserignores it.

The number of lines in a paragraph depends on the size of your browser window. If you resize the browser window, the number of lines in this paragraph will change.

(这个例子说明了段落的一些默认行为。)b:换行：

To break
lines
in a
paragraph,
use the br tag.

(这个例子说明了在HTML文档中换行的使用。)c:诗歌的问题：

My Bonnie lies over the ocean.My Bonnie lies over the sea.My Bonnie lies over the ocean.Oh, bring back my Bonnie to me.

Note that your browser simply ignores your formatting!

(这个例子说明了HTML显示格式的一些问题。)d:标题元素：

This is heading 1

This is heading 2

This is heading 3

This is heading 4

This is heading 5

This is heading 6

Use heading tags only for headings. Don't use them just to make something bold. Use other tags for that.

(这个例子说明了在HTML中显示标题元素的标签。)e:居中的标题元素：

This is heading 1

The heading above is aligned to the center of this page. The heading above is aligned to the center of this page. The heading above is aligned to the center of this page.

(这个例子显示了一个居中的标题元素。)f:水平线：

The hr tag defines a horizontal rule:

---

This is a paragraph

---

This is a paragraph

---

This is a paragraph

(这个例子说明了如何插入水平线。)g:隐藏的注释：

This is a regular paragraph

(这个例子说明了在HTML文档中如何插入隐藏的注释。)h:背景色：

Look: Colored Background!

(这个例子说明了如何给页面设置背景色。)
网页主要由HTML构成，而HTML只是简单的纯文本格式，如果你机子上用的是WINDOWS那么便可以用它自带的记事本打开就可以做网页了，在网上你可以把一些你用的必要的代码复制下来，不过你最好懂的HTML，便会用的得心应手了，但如果你是新手的话 学网页制作先要从最基本的开始，你会用微软的WORD吗？如果会的话就好办了，那么我建议你用微软的FRONTPAGE，和WORD一样的用法，是一个业余网页制作者用来得心应手的软件，只是板面问题是用隐藏的表格来布局的，这一点对新手来说很重要，你在此必须学会的是其中的HTML语言，这种语言很简单，都是以这样的形式开头这样的形式结束，此外你可以学一下用FLASH，和PHOTOSHOP学会做一些简单的图片，这样想表达什么会容易一些，如果你学会了HTML语言，一切就变的容易一些，你可以用HOTDOG来做一些专业的网页，这样你便学会了制作静态网页，可以上传到一些免费的空间，一般非专业人员这样就足够了。下来便是最好学一下网页三剑客中的DREAMWEAVER，其中要学的是CSS，学会用它做一些简单的ASP交互式互动网页，多卖一点专业的书，学会SQL关系数据库，和一些脚本语言，比如VBSCRIPT或JAVASCRIPT，这样你便成为一个动态网页的制作高手。另外到这时的你可以试着学一下微软的.NET。或许我说的后边你有一些不明白，但是你只要学了，便会一步一步过度过来，祝你早日成为网络高手。 要弄好自己的主页还要注意网站的统一性、主色调和字体问题，如果你这方面是弱项，最好模枋一个网站的主风格或者干脆去网上找一个好的模板，来改动其中的内容，这样你便不是专业人氏也能做的很好。
制作HTML页面步骤如下： 1、HTML元素，HTML 元素以开始标签起始，以结束标签终止。没有内容的 HTML 元素被称为空元素。2、TML标签，html中的常用标签分类。3、做HTML图片和链接。此阶段学习的HTML，虽然只是入门级别，但要写出一个好的网页，熟练掌握基础技术和知识是必不可少。HTML（Hypertext MarkupLanguage）也叫作超文本标记语言，是一种用来结构化 Web 网页及其内容的标记语言，标准通用标记语言下的一个应用，可以使用 HTML 来建立自己的 WEB 站点。HTML（标准通用语言下的一个应用）元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。HTML标签是HTML语言中最基本的单位，是【学习HTML的基础】。网页制作中大多数时候会插入图片或链接，这也是必学基础内容。想了解更多HTML有关的详情，推荐咨询达内教育。达内教育已从事19年IT技术培训，累计培养100万学员，并且独创TTS8.0教学系统，1v1督学，跟踪式学习，有疑问随时和老师进行沟通；同时，其26大课程体系紧跟企业需求，企业级项目，课程穿插大厂真实项目讲解，对标企业人才标准，制定专业学习计划，囊括主流热点技术，助力学员提高自身竞争力。【感兴趣的话点击此处，免费学习一下】

package ssc.web.controller;    import java.io.IOException;  import java.io.PrintWriter;    import javax.servlet.ServletException;  import javax.servlet.http.HttpServlet;  import javax.servlet.http.HttpServletRequest;  import javax.servlet.http.HttpServletResponse;    import ssc.domain.Book;  import ssc.domain.Cart;  import ssc.service.BusinessService;    //完成书籍购买  public class BuyServlet extends HttpServlet  {    public void doGet(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException{String id = request.getParameter("id");BusinessService service = new BusinessService();Book book = service.findBook(id);          //添加用户的购物车Cart cart = (Cart) request.getSession().getAttribute("cart");if (cart==null){cart = new Cart();request.getSession().setAttribute("cart", cart);}          //把书加入到购物车，完成购买cart.add(book);          request.getRequestDispatcher("/WEB-INF/jsp/listcart.jsp").forward(request, response);}  public void doPost(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException{doGet(request, response);}}这是我写的购物车

Dreamweaver（下面简称DW）的图形化界面的确可以不通过记忆和输入大量的HTML代码来制作网页。不过用DW的图形化界面做出来的页面用产生大量的冗余代码，包括大量可以合并的DIV标签和CSS类等。而且DW的图形化操作是“所见非所得”的操作模式，即在软件中看到的布局和在浏览器里浏览的真实情况可能是大相径庭。加之JS特效和一些细节的修改，比如要是框框套的太多了就不好点选其中的某一个了，因为DW不像PS那样可以放大16倍而对细节进行修改（至少我没有找到在DW中放大的操作（以DW8为例））。 所以说我个人觉得单纯用DW图形化界面只适合于制作很简单的页面，而我个人觉得DW的图形化设计做的并不好。如果你是新手，如果只想用图形化界面制作简单的页面。我个人还是比较推荐你使用微软出品的Expression Web网页设计软件，这款软件的图形化操作比DW做的要好，基本趋近于“所见即所得”，在软件内对CSS的表现也很好。而且能自动检测到不规范的语法和拼写等错误。所以我建议新手和单纯使用图形化界面的人使用这款软件。 如果你想在网页设计上有所发展和深入的话，还是研究一下HTML代码吧。以上仅是个人看法，仅供参考。
很简单，你都不用求别人，你自己就可以！ 首先打开喜欢的网页，点击鼠标右键，然后另存为网页，选择存储全部网页就是所有，就全部保存下来了，在本地打开，然后把路径改下就好了！ 祝你好运！
这是用于什么的，我可以做，可以私信
Dreamweaver（下面简称DW）的图形化界面的确可以不通过记忆和输入大量的HTML代码来制作网页。不1 :过用DW的图形化界面做出来的页面用产生大量的冗余代码，包括大量可以合并的DIV标签和CSS类等。2 :而且DW的图形化操作是“所见非所得”的操作模式，即在软件中看到的布局和在浏览器里浏览的真实情况可能是大相径庭。3: 加之JS特效和一些细节的修改，比如要是框框套的太多了就不好点选其中的某一个了，因为DW不像PS那样可以放大16倍而对细节进行修改（至少我没有找到在DW中放大的操作（以DW8为例））。
我有哦，你看你要哪一类的？

只用eclipse就可以了，用jsp可以写一个js监听事件，购买肯定是一个按钮，在上面添加onclick事件，绑定一个函数，显示购物车这个div或者页面(放在当前页面上面)，结算时就是拿商品的价格相加显示出来，比如商品对象放在一个链表里，取出购物车 里的，价格相加。
有一个网站提供这样的服务，我想起来了再告诉你 找到了，这个网站是jiasale，百度一下就能找到，可以给网页增加购物车的功能

只用HTML，CSS无法完成购物网站开发，还需要后台程序。