如何制作网页？

网页制做入门 (1)

网页制做入门

我们天天与网页打交道，那些或界面精美，或内容丰富，或构思独特、风格各异的网页，不知道吸引了多少人的眼球了，它们的运行方式，制做方法，你说你说一点都不好奇，一点都不想知道，那肯定是假的，嘿嘿，我也一样，而且我的好奇心有时还不小～～～，可我的好奇心有是有了，因为网页制做没有真正当成吃饭的家伙，所以，，，当初的热度也只有三分钟，在这里，把以前的一些经验介绍给大家，强烈希望广大高手介入，来个你说，我说，大家说，集众人的智慧于此。因为大多数地方，是跟据我自己的做法，我自己的理解说的，难免有说错的地方，也请大家指正了。

第一讲 网页基本常识

我们平时常见的网页，基本可以分为两类，静态网页(htm,html等)和动态网页(asp、cgi、php等)。静态网页交互性不强，只是单纯的传输信息给客户浏览器，而动态的一般有很强的交互性，很多都在一定程度上结合了数据库，能进行资料的搜索等功能，常用于论坛，留言本，网上订单等。常用的网页脚本语言VBScript 、 JScript ，也是一种编程语言。下面这几点是在别的地方抄来的，就当看小说一样看下吧，只需大概知道下就行了。

一、什么是HTML？

网页的学名称作HTML文件，是一种可以在www网上传输，并被浏览器认识和翻译成页面显示出来的文件。www是“world wide web"的缩写；HTML的意思则是"Hypertext Markup Language",中文翻译为“超文本标记语言”。“超文本”就是指页面内可以包含，联接，甚至音乐，程序等非文字的元素。

网页就是由HTML语言编写出来的。

HTML语言只是一种排版语言，语法就类似于这样："页高8宽5，(1,2)处插入高1宽1的A"

HTML语言发展很快，已经历经HTML10,HTML20和HTML30,html40多个版本，现在html50正在测试同时DHTML (动态)，VHTML(虚拟)，SHTML等也飞速发展。我们现在一般只要掌握HTML40就可以了。

二、什么是动态 HTML(DHTML) ？

动态HTML是一组技术，是一种新的思想方法，它被设计用来创造和显示更多的交互性网页，包括动态样式，动态内容，2D布局，数据捆梆和多媒体效果等等。

动态HTML (DHTML) 是一门令人兴奋的新技术，它完全克服了传统 HTML 的不足，极具发展前景。DHTML使用一个文件对象模型 (DOM) 来扩充 HTML 语言，使得 WEB 页面的所有元素及其属性都可以实时存取， 从而允许你使用脚本动态地修改页面元素，而这些都不需要 WEB 服务器的干预。使用 DHTML 完全能够设计出复杂的，动态的，交互式的 WEB 页面，使我们的WEB 页面将因此而变得更为生动和精彩。DHTML目前正在发展中，尚没有形成一个标准。Microsoft 和 Netscape 两大公司对 DHTML 各有自己的看法，尽管两大公司都使用了很多相同的技术术语，并引用相同的已发表和提议的标准集合，但在具体实现中，两者不能统一。Netscape 是增加一些新的标记(主要是Layer, Ilayer等)，而 Microsoft 是对现有的标记增加一些新的属性。由此引起的问题是在Internet Explorer上正常运行的动态网页，在 Netscape 上可能会不正确运行；反之亦然。W3C 目前正在努力开发一种标准使它能与所有的平台和浏览器兼容。

三、什么是HTTP？

Hypertext Transfer Protocol, WWW服务程序所用的协议。我们在用浏览器浏览网页时，使用的就是这个协议，所以在地址栏中都要输入http://……。

四、什么是FTP？

FTP是File Transfer Protocol（文件传输协议）的缩写。它是一种在UNIX类 *** 作系统上使用的协议，现在已经被纳入TCP/IP协议中，被广泛的应用在Internet上。它的传输方式一般分为ASCII和BIN（二进制）两种。我们在说到Internet上的FTP时，通常是指一些使用FTP协议的站点和FTP的传输方式。

五、上传主页有哪几种方式？E-Mail方式维护主页是什么意思？

通常我们上传主页的方式是由提供主页空间的ICP来决定了。一般的上传方式有FTP、HTTP、和E-Mail三种。FTP是文件传输协议的英文缩写，光看字面意思，我们就应该知道传输文件是它的拿手好戏。好戏。HTTP方式是利用浏览器与服务器链接，向服务器端发送文件。E-Mail方式是指在维护主页的时候将要更新的内容用压缩软件压缩打包，用E-Mail发给主页空间所在网站的WebMaster。再由WebMaster将主页内容解压打开，完成更新工作。这三种上传的方式中，FTP以它的快速和良好的交互性，得到了大家的公认和推崇，现在已经是最流行的上传和下载方式了。而E-Mail上传方式的优点是安全性极高，不易被黑客乘虚而入。但是由于交互性和灵活性太差，已经很少使用了。

六、什么是CGI？

CGI 意思为 Common Gateway Interface，公共网关接口，一种基于浏览器的输入、在Web服务器上运行的程序方法。 CGI脚本 使你的浏览器与用户能交互，为了在数据库中寻找一个名词, 提供你写入的评论，或者从一个表单中选择几个条目并且能得到一个明确的回答 如果你曾经遇到过在web上填表或进行搜索, 你就是用的CGI脚本。你那时也许没有意识到，因为大部分工作是在服务器上运行的，你看到的只是结果。作为一个网页设计者，你创建客户端的 CGI脚本，服务器端的程序用来处理用户输入，结果返回给用户。

七、什么是ASP？

Microsoft Active Server Pages 即我们所称的 ASP ，其实是一套微软开发的服务器端脚本环境， ASP 内含于 IIS 30 和 40 之中 , 通过 ASP 我们可以结合 HTML 网页、 ASP 指令和 ActiveX 元件建立动态、交互且高效的 WEB 服务器应用程序。有了 ASP 你就不必担心客户的浏览器是否能运行你所编写的代码，因为所有的程序都将在服务器端执行，包括所有嵌在普通 HTML 中的脚本程序。当程序执行完毕后，服务器仅将执行的结果返回给客户浏览器，这样也就减轻了客户端浏览器的负担，大大提高了交互的速度。 以下罗列了 Active Server Pages 所独具的一些特点：

1 使用 VBScript 、 JScript 等简单易懂的脚本语言，结合 HTML 代码，即可快速地完成网站的应用程序。

2 无须 compile 编译，容易编写，可在服务器端直接执行。

3 使用普通的文本编辑器，如 Windows 的记事本，即可进行编辑设计。

4 与浏览器无关 (Browser Independence), 用户端只要使用可执行 HTML 码的浏览器，即可浏览 Active Server Pages 所设计的网页内容。 Active Server Pages 所使用的脚本语言 (VBScript 、 Jscript) 均在 WEB 服务器端执行，用户端的浏览器不需要能够执行这些脚本语言。

5Active Server Pages 能与任何 ActiveX scripting 语言相容。除了可使用 VBScript 或 JScript 语言来设计外，还通过 plug-in 的方式，使用由第三方所提供的其他脚本语言，譬如 REXX 、 Perl 、 Tcl 等。脚本引擎是处理脚本程序的 COM(Component Object Model) 物件。

6Active Server Pages 的源程序，不会被传到客户浏览器，因而可以避免所写的源程序被他人剽窃，也提高了程序的安全性。

7 可使用服务器端的脚本来产生客户端的脚本。

8 物件导向（ Object-oriented ）。

9ActiveX Server Components(ActiveX 服务器元件) 具有无限可扩充性。可以使用Visual Basic 、 Java、Visual C++ 、COBOL等编程语言来编写你所需要的 ActiveX Server Component 。

八、JavaScript是什么？Java和JavaScript是一样的吗？

JavaScript是一种新的描述语言，此一语言可以被嵌入HTML的文件之中。透过JavaScript可以做到回应使用者的需求事件(如form的输入)而不用任何的网络来回传输资料。所以当一位使用者输入一项资料时，它不用经过传给服务器端(server)处理，再传回来的过程，而直接可以被客户端(client)的应用程序所处理，你也可以想像成有一个可执行程式在你的客端上执行一样。javascript虽然效果不错，但它在网络上的效果奇慢。

在JavaScript上，JavaScript和Java 很类似，但到底并不一样。Java是一种比JavaScript更复杂许多的程序语言。而JavaScript则是相当容易了解的语言，JavaScript创作者可以不那么注重程序技巧。所以许多Java的特性在JavaScript中并不支持。

九、常用的WEB图像格式有哪些？

1、PNG（Portable Network Graphic）

PNG格式是WEB图像中最通用的格式。它是一种无损压缩格式，但是如果没有插件支持，有的浏览器可能不支持这种格式。PNG格式最多可以支持32位颜色，但是不支持动画图。

2、GIF（Graphics Interchange Format）

GIF是Web上最常用的图像格式，它可以用来存储各种图像文件。特别适用于存储线条、图标和电脑生成的图像、卡通和其它有大色块的图像。GIF文件非常小，它形成的是一种压缩的8位图像文件，所以最多只支持256种不同的颜色。Gif支持动态图、透明图和交织图。

3、BMP（Windows Bitmap）

BMP格式使用的是索引色彩，它的图像具有极其丰富的色彩，可以使用16M色彩渲染图像。此格式一般用在多媒体演示和视频输出等情况下。

4、TIFF（Tag Inage File Format）

TIFF格式是对色彩通道图像来说最有用的格式，支持24个通道，能存储多于4个通道。TIFF格式的结果要比其它格式更大、更复杂，它非常适合于印刷和输出。

5、JPEG（Joint Photographic Experts Group）

JPEG是Web上仅次于GIF的常用图像格式。JPEG是一种压缩得非常紧凑的格式，专门用于不含大色块的图像。JPEG的图像有一定的失真度，但是在正常的损失下肉眼分辨不出JPEG和GIF图像的差别。，而JPEG文件只有GIF文件的1/4大小。JPEG对图标之类的含大色块的图像不很有效，不支持透明图和动态图。

6、TGA（Targa）

TGA格式与TIFF格式相同，都可以用来处理高质量的色彩通道图形。

另外，PDD、PSD格式也是存储包括通道的RGB图像的最常见的文件格式。

十、域名

由于IP地址全是些的数字，为了便于用户记忆，Internet上引进了域名服务系统DNS（Domain Name System）。当您键入某个域名的时候，这个信息首先到达提供此域名解析的服务器上，再将此域名解析为相应网站的IP地址。完成这一任务的过程就称为域名解析。

以机构区分的最高域名原来有7个：com（商业机构）、net（网络服务机构）、gov（政府机构）、mil（军事机构）、org（非盈利性组织）、edu（教育部门）、int（国际机构）。1997年又新增7个最高级标准域名：firm（企业和公司）、store（商业企业）、web（从事与WEB相关业务的实体）、arts（从事文化娱乐的实体）、REC（从事休闲娱乐业的实体）、info（从事信息服务业的实体）、nom（从事个人活动的个体、发布个人信息）。这些域名的注册服务 由多家机构承担， CNNIC也有幸成为注册机构 之一； 按照ISO－3166标准制定的国家域名，一般 由各国的NIC(Network Information Center， 网络信息中心 )负责运行。

以地域区分的最高域名有：AQ（南极洲）、AR（阿根廷）、AT（奥地利）、AU（澳大利亚）、BE（比利时）、BR（巴西）、CA（加拿大）、CH（瑞士）、CN（中国）、DE（德国）、DK（丹麦）、ES（西班牙）、FI（芬兰）、FR（法国）、GR（希腊）、IE（、爱尔兰）、IL（以色列）、IN（印度）、IS（冰岛）、IT（意大利）、JP（日本）、KR（韩国）、MY（马来西亚）、NL（荷兰）、NO（挪威）、NZ（新西兰）、PT（葡萄牙）、RU（俄罗斯）、SE（瑞典）、SG（新加坡）、TH（泰国）、TW（中国台湾）、UK或GB（英国）、US（美国）（一般可省略）等。

从域名的结构上来看，域名可分为一级域名、二级域名、三级域名等。以电脑报网站为例wwwcpcwcom是个一级域名，在一级域名的下一级bbscpcwcom就是一个二级域名，如果要在bbscpcwcom下面设立xxxbbscpcwcom则是三级域名了。我们见到的免费域名通常是二级域名。

网页制做入门 (2)

作者：

第二讲 初识代码

我的网页之路是从洪恩网站里的DW教程开始的，从零到现在这个半调子水平。那里的很多教程都是从最基础的开始，很合适广大初学者，所以建议大家也从那里开始了。洪恩网站的学习网址：http://wwwhongencom/pc/homepage/indexhtm

在这里，基本上不讲软件的具体使用，只讲总结性的东西，要注意的技巧吧，在最后，也会写一两个用DW做的简单特效实例。

随便打开一个网页，，再点源代码，一般都可以看到这个网页的代码，做网页说白了，也就是把文字、图象等多媒体效果有机的结合在一起，DW和FP等只是书写代码的利器，只要你知道代码，用记事本也一样能做出精美的网页（真正的高手据说就是用记事本做网页），但对我们初学者来说，没有必要去记代码，只需知道利用DW或FP，能实现哪些 *** 作，就象用WORD一样，画一条线就有一条线，画一个表格就有一个表格，在软件的演示窗口里，有着同WORD一样所见即所得的最后效果察看。因此，可以说，做网页入门很简单！可后面还有半句话：做好网页不简单！因为，一个好的网页，不单单是代码书写，更重要的是美工设计，内容的充实。虽然很多代码不需要一一手工书写，可有些代码的基本组织结构了解一些，还是对做网页大有帮助的。我们可以这样学习、研究代码：在用DW或FP中做了某一个 *** 作，把效果与上面的代码窗口比较一下，就可以知道什么代码是实现什么效果的，还可以通过查看别人的网页的源代码分析学习。想学ASP网页的朋友们，有些基本代码是非记不可的。

现在很多做网页的人，都是用借鸡生蛋的办法做的网页，做法是从网上下载现成的网页模板，对模板稍加更改，替换下内容成了。当然，这也是新手们做网页速成的一种好办法。模板在很多有提供空间的网站都有下载。很多以前收录的网址，现在打开都没有用了，在这里，能提供给大家的，只有这些了。

1源代码下载：要下载ASP源代码的可以到“中国站长站”去，网址：http://wwwchinazcom/download/，这是个比较权威的源代码下载点，在这里下到动网源码，说不定可以下到动网70 for SQL Server版本（excelhome的论坛就是用这个版本）。

2网页及音乐等素材：http://wwwdabaokucom/sucai/shejilei/bj/

3网页特效代码：推建一个小工具：“水晶情缘网页特效专家”，有1M，本来想发上来，太大了，算了，要的话，留下邮箱，我发过去。如，下雪的效果，鼠标滑动效果等，这里都有。

下面我把一些常用的写下来，以供大家参考：

DREAMWEAVER常用标记：（都是以前记的一些笔记了）

标记一般成对出现，一个表示特定代码部分的开始，另一个表示特定代码部分的结束(表示结束的前面带"/"符号)，但也不是绝对的，比如，<br>标记。基本的HTML标记：html、head和body必不可少。

1 <head>和</head>标记中仅包含网页标题(如<title>我的网页</title>)和程序脚本。

2 <body></body>标记中包含网页的全部内容。是网页的主体部分。

3 <center>和</center>：是中间内容居中标记；

4 <h2>和</h2>：从h1~h6，将文本标注为标题，通常要比正文粗大，h1最大；

5 <p>和</p>：段落标记，在行与行之间添加额外的空白行；

6 <br>：强行换行标记，插入单行，不需要封闭标记

7 图象标记：<img src="aaa\\bbbgif" width="500" height="198" align="center">

align水平对齐(left、right或center)，valign垂直对齐(top，bottom或middle)，border边框宽度

alt="鼠标放在上时出现的提示文字"

8 <p><font size="3"><b>本行字符将以粗体显示</b></font></p>

9 <p><font size="3"><i>本行字符将以斜体显示</i></font></p> (<i>等效于<em>)

10<p><font size="3" face="宋体" color="#RRGGBB">本行字符将宋体显示</font></p>

11 <a href="testhtm">点击此处文字打开链接的网页</a> ：该处文字有下划线标示

12 <HR>显示一长灰色细线，分割网页为上下两部分。可以只用单边。完整的如下：

<HR align=center width="100%" SIZE=1>显示一灰色矩形，SIZE为1时，宽为1(很细，可看作一直线)

13<LI>在文字前出现一个圆点的项目符号</LI>，可单个使用，也可结合<br>使用

14<OL type=2 start=1><li>标记</li><li>区段</li></ol>：控制项目序号及显示方式，如1,2,3

15<UL>使该段文字首行和下面都缩进约两个字符</UL>

16<BLOCKQUOTE>使该段文字整体都缩进约两个字符，可以多重使用<BLOCKQUOTE>

17<SUP>这是上标字</SUP>，<SUB>这是下标字</SUB>，<U>这是加下划线字</U>

18<TT>这是Windows的等宽字</TT>

19<FONT SIZE=+1>字体放大一级</FONT>

20<DL><DT>语言<DD>基础要素</DL>:“语言”显示为列表标题，“基础要素”显示为列表内容，自动缩进。

21<DIV Align="Right">这是右对齐的段落一<P>这是右对齐的段落二<P></DIV>默认为左对齐方式。

表格及其标志：Align:水平，Valign:垂直。Align或Valign写在<TR >中时表该行的几个列都用同一方式。

22<BLINK>闪烁</BLINK>:标记中的文字实现闪烁效果，但并不适用于所有的浏览器。

23<TABLE BORDER=1> <TR><TD>第一列第一栏</TD><TD>第一列第二栏</TD></TR>

<TR BgColor="yellow"><TD >第二列的第一栏</TD><TD>第二列的第二栏</TD></TR>

<TR><TD Align="Left" Valign="Center">水平:左对齐<br>垂直:居中</TD></TR></TABLE>

BgColor可写在<TABLE>、<TR>、<TD>中，分别为整个表格、整行、单一单元格的背景颜色设置。

以上是我以前笔记中收录的一些常用的标记，今天看到lfspecter大虾也发了一些关于网页的帖子，可以两边对照着看，侧重点各有不同，也许更有利于初学者的理解，链接如下：http://clubexcelhomenet/dispbbsaspboardID=100&;ID=78021&page=1

技巧篇：

1 在<BODY>标签中可以规定整个文档的一些基本属性：

"bgcolor":指定html文档的背景色。

"text":指定html文档中文字的颜色。

"link":指定html文档中待连接超链接对象的颜色。

"alink":指定html文档中连接中超链接对象颜色。

"vlink":指定html文档中以连接超链接对象颜色。

"background":指定html文档的背景文件。 有两种方式表示颜色对象： <body bgcolor="green">或<body bgcolor="#00FF00">。文档主体部分可用颜色列表：black 黑色 Red 红色 Line 石灰色 Maroon 栗色 Gray 灰色 Silver 银白色 Navy 海军蓝 Olive 橄榄绿 Purple 紫色 Yellow **Aqua 浅绿色 Blue 蓝色 Green 绿色 Fuchsia 紫红色 White 白色 Teal 暗蓝绿

2 浏览器的状态列提示文字控制

(1)鼠标经过:<a href="tpagehtm" onMouseOver="windowstatus=\'相关提示\'; return true">页面上鼠标经过的文字<a>

(2)改变状态栏提示文字：打开"Behaviors"行为编辑窗，单击"＋"按钮，选择"Set Text Set"下的"Text Of Status Bar"选项，然后在方框中输入自己的文字，例如"欢迎来到我的主页"等，单击"确定"即可。

3链接控制：

a 返回前页：使用OnClick="historygo(-1)"

返回主页：使用OnClick=\'toplocationhref="/indexhtml"\'

b 链接提示:在链接语句中增加,如：去哪儿？ (在点击链接前注意看状态行显示的变化)

OnMouseOver="windowstatus=\'这里是 \'; return true" OnMouseOut="windowstatus=\'\'; return true"

c 链接的不同方式:

在帧里显示：在链接处加target="main"语句，其中main为帧名

整页显示：在链接处加target="_top"语句

开新窗口：在链接处加target="resource window"语句，如<A HREF="indexhtm" TARGET="resource window"></A>

d 强制主页每次都不进行缓存，而从服务器上重读

在Head部分加<MEAT HTTP-EQUIV="Pragma" CONTENT="no-cache">

e 自动刷新

定时刷新：<META HTTP-EQUIV="Refresh" content="10; URL=http://自己的URL">

幻灯片效果：语句类似上面，但在页面1中URL指向页面2，而页面2指向页面3 页面n指回页面1，即可实现循环显示页面的效果。

f 在某一个时间内自动链接到其他主页，这只需在〈title〉######〈/title〉之后加入下面这一行即可：

〈meta http-equiv="refresh" content="20; url=otherpagehtm"〉（"20"代表二十秒后连到另一个主页）

h 在打开指定网页的同时打开另一指定网页\'nexthtm，只需在指定网页的body中加入指令onload：

<html><body onload="parentbannerlocationhref=\'nexthtm\'">指定打开的一个网页内容</body>

4 设置"添加到收藏夹"链接：

选中"添加到收藏夹"文字，在属性面板中的链接（Link）中输入："javascript :windowexternalAddFavorite (\'http://wwwexcelhomenet\',\'学习之家\')"。点击此链接时会d出对话框，可以将你的主页地址加到收藏夹中。

5文字移动动态效果：

1) 文字从右移到左边：<marquee><b>大家好</b>欢迎您经常光临！</marquee>

2) 让文字在固定的区域内出现从下到上的滚动效果：

例1:<table height=542 cellspacing=0 cellpadding=0 width=800 border=0>

<tr><td valign=center align=middle width=316 height=405>

<marquee scrollamount=1 scrolldelay=140 direction=up width=382 height=403><center>谨以此网站送给xxx

<font color=#ff0000></font></center><br>此处为长篇大论!</marquee></td></tr></table>

例2:<body><div align="center"><p><marquee aligh=left bgcolor=#FFFED7 direction=up behavior=scroll height=100

hspace=1 scrollamount=2 Scrolldelay=1 width=250 VSpace=1 loop=-1>

<font color="#FF0000" size="5" face="方正大黑简体">望 岳</font><br> <br>

<font color="#FF0000">岱宗夫如何，齐鲁青未了。<br>造化钟神秀，阴阳割昏晓。<br>汤胸生层云，决眦入归鸟，<br>会当凌绝顶，一览众山小。<br></font></marquee></p></div></body></html>

3) 在指定宽度内移来移去的文字代码：<TD height=20><P align=center><MARQUEE scrollDelay=120 direction=right

behavior=alternate width=150 height=12>产品导航</MARQUEE></P></TD>

6E-mail链接：

选中字或，在属性中设置Alt为"给我来信"，链接为"mailt ketangpc@goldhumancom"，在浏览器中单击此图，就会启动发送邮件窗口。在链接地址前加"#"符号，可以在网页中不打开实际链接。

7动画背景为透明：

选中Flash(gif)，在源代码</object></p>前加入代码：<param name="wmode" value="transparent">。或文件属性栏里 "参数"输入wmode,value="transparent"。

8浮动背景图象(主页内容向下滚动而背景图象不动的效果)：

(1)<body backgroud="imagejpg" bgproperties="fixed">

(2)在Dreamweaver中用「Text」-「Custom Style」-「Edit Style Sheet」-「New」-Redefine HTML Tag中选择Body，然后在Background中的Attachment里选fixed

9滚动条换颜色：

默认的网页滚动条是灰色，在网页代码<head></head>里插入一对<style></style>标签，标签里写入下面的代码：

body {SCROLLBAR-FACE-COLOR:#3333FF;(立体滚动条凸出部分的颜色)

SCROLLBAR-HIGHLIGHT-COLOR:#505050;(滚动条空白部分的颜色)

SCROLLBAR-SHADOW-COLOR:#fc2400;(立体滚动条阴影的颜色)

SCROLLBAR-ARROW-COLOR:#666666;(上下按钮上三角箭头的颜色)

SCROLLBAR-BASE-COLOR:#333333; (滚动条的基本颜色)

SCROLLBAR-DARK-SHADOW-COLOR:#b4fc48} (立体滚动条强阴影的颜色)

后面的16位颜色值你可以随意更改，括号内是解释说明，在输入时请不要插入。

10背景音乐:

body中加入以下任一个代码（建议为midi格式的）：

显示 *** 作面板：在相应地方加:

<embed src="aladdinmid" width="140" height="35" autostart=true controls="middleconsole">

不显示 *** 作面板：在页中任意地方加<embed src="aladdinmid" hidden=true autostart=true loop=true>

<bgsound src=音乐路径 loop=次数>－1为无数次

<embed src=音乐路径 width=0 height=0>

11在Dreamweaver中轻松设置行间距：

用层叠样式表（CSS）来实现，在Dreamweaver中编辑层叠样式表不用编写代码，具体 *** 作方法如下：

（1）在快速启动栏中点击层叠样式表按钮（"show css styles"按钮），在d出的CSS Styles面板上双击（none）；

（2）此时，可看到d出的Edit Style Sheet 面板，在该面板上按New按钮；

（3）再在d出的New Style 面板上点取Redefine HTML Tag（重新定义HTML标记），再在Tag中选择"body"标记后按OK按钮；

（4）这时可看到d出的Style dehinition for body 的对话框，在此对话框中可以设置"body"标记的许多属性，可以按你的意愿设置，但我们这里主要是要设置行距，所以在line属性输入框中填上行距的像素点数，现在流行的九号字，行距一般用12，按OK按钮返回到Edit Style Sheet 面板，此时已把"body"的行距设置好了；

（5）由于"body"中定义的行距对表格不起作用，所以再在Edit Style Sheet 面板上再按New按钮；

（6）再在d出的New Style

用记事本写网页代码可以用记事本来输入网页代码，这个方便，系统一般都自带了，不用安装其它的代码编辑器。

html简介HTML指的是超文本标记语言:HyperTextMarkupLanguageHTML不是一种编程语言，而是一种标记语言标记语言是一套标记标签(markuptag)

html基础HTML标题（Heading）是通过

HTML元素HTML元素以开始标签起始HTML元素以结束标签终止元素的内容是开始标签与结束标签之间的内容

HTML属性HTML元素可以设置属性属性可以在元素中添加附加信息属性一般描述于开始标签

制作简单的网页将的网页代码输入到记事本中即可，如果想加入表格，则输入代码段即可。

扩展资料：

HTML称为超文本标记语言，是一种标识性的语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等

<table width="980" border="1" cellspacing="0" cellpadding="0">

<tr>

<td> </td>

<td> </td>

<td> </td>

<td rowspan="2"> </td>

</tr>

<tr>

<td> </td>

<td> </td>

<td> </td>

</tr>

<tr>

<td colspan="4"> </td>

</tr>

</table>

很简单，rowspan为这一单元格包括几行。

colspan为这一单元格包括几列

请问如何复制网上的表格？

这样做，先把网页另存为，储存到你的机器里。然后开启wo定d，选择档案，开启，把刚才储存的那个档案开启，这样就可以编辑了。把没用的删除就可以了。

如何将网页中的表格快速复制到EXCEL中

直接网页中选中表格，CTRL+C,再到EXCEL里CTRL+V就行了，搞这么复杂做什么？搞A分把整个网页复制下来，不如直接选中头，按Shift，再选中结尾。按CTRL+C,再到EXCEL里CTRL+V就行了。把表格的格式设定一下就行了，无色底，黑色字型。不就行了？

怎样将网页中的表格“复制”“贴上”到Excel中

不是啊，我用2000和2003都试过了，选中表格后可以全部都贴上过来

怎样将网页上的表格下载下来

把表格复制贴上到新建文字中，再通过Excel开启， *** 作为：档案>开启>选择以“文字型别TXT”开启。然后你就下载了这个表格，你先自己试试。

如何将网页上的表格复制到Word文件里？

一般网页和我们自己的文件设定是不同的，想要完整地复制表格的话除非你将自己文件的页面设定调整好，复制好的时候再点选贴上选项选择“保留源格式”，不过还是建议你直接注册个使用者下载，或者直接截图，个人觉得直接注册比较好，以后也可以一直用。

如何在EXCEL表中复制贴上网址连结？

双击 插入网址的单元格->不点ESC 点其他任意一个单元格

怎么能使网页上覆制的资料转换成为excel表格，

1、excel2007及以后版本有这个功能，

“资料”选单下面 --- “自网站”--- 可以输入相应的网址，开启网站，如果网页上面有

2、直接复制过来。

3、懂一点HTML语句的可以在右键浏览器“检视原始档”，找到网页中的表格

会自动收集，点选相应 的箭头点“汇入”，当然，汇入的格式可以在右上角的“选项”中设定好。这样会将网页资料导到EXCEL表中 节点，复制到记事本中，另存为“aaa"，再试用第一个方法，会简单一些，当然这里的网址就是输入刚才另存为的档案地址了 怎样将网页中的表格复制到EXCEL(此网页不能复制)

使用检视网页原始码的方式，得到HTML程式码。然后，删除主要的头尾，储存为html档案，再次开启！就可以拷贝了

怎样在WORD中将从网页上覆制下来的文章中的表格边框去掉

但实际上，我们不需要表格作为外框，仅仅需要文字而已！ 原因分析？ 为什么复制的文字会带有表格呢？ 原因是这样的，所复制文字的网页，其布局物件是Table，而不是Div，所以，当你选择文字进行复制的时候，就选中了表格物件，但是在显示的时候，多少网站都是无法看到表格的，为了达到美观，很多网站都将表格物件的颜色设定为和网页颜色一样，所以，我们就于不知不觉中对表格也进行了复制，贴上到WORD里面，当然就能看到表格了！ 如何解决这个问题呢？ ①：首先将整个表格先选中！下图介绍了选中的 *** 作方法： ②：之后执行“表格”→“转换”→“表格转换为文字”；d出如上图的对话方块，在这里可以二话不讲，直接点选“确定”按钮即可完成 *** 作！！！ 方法1、贴上到word中后不要进行点选呀之类 *** 作，移动滑鼠到文字块（一般贴上过来后就是一个大文字块）末尾，有一个小图示，用滑鼠左点选，选择只保留文字即可 方法2、选中网页中的文字——复制到记事本中——再从记事本里复制到word中，这样一切表格，等资讯均不存在了 要有和文字的话，方法如下：你先复制到word，然后选种表格（网页都是表格形式的，你点一下左上角的一个八角形，选种表格），选单——表格——转换——表格转文字——确定。这样表格就去掉了。如果表格多，你就多来几次。 方法3、选中表格内的文字剪下——贴上到表格下边，然后再把空表格框剪下掉即可另一个方法，先选中网页中要复制的内容，开启WORD，不要直接贴上，而是选“编辑”--“选择性贴上”--无格式文字，就没有表格了 方法4,选中复制到网页中的表格，然后开启“表格”选单，选择“转换”命令中的“表格转换成文字……”命令，开启“将表格转换成文字”对话方块，一般选择“段落标记”，再单击“确定”就行了。 另外，本人还有去空格的方法： 2我们经常从网上下载一些文字材料，往往因空行多使得页数居高不下。关于“空行替换”的相关文章也看过一些，大致都是这种方法：在“编辑”选单中开启“查询和替换”对话方块，在“查询内容”中输入“^p^p”“替换为”中输入“^p”，然后“全部替换”。 而有些用上面的方法却是屡试屡败，每次都是提示：“Word已完成对文件的搜寻并已完成0处替换”。为什么空行就在眼前，Word却不认识它呢？经过细心查询，发现在用替换的办法删除空行时要注意两个问题： (1)分清档案中用的是手动换行符(“Shift+回车”)，还是段落标记 “^p^p”替换成“^p”并不能替换所有的空行。如果档案中用的是手动换行符，那么就要用“^l^l”替换成“^l”(这里用的不是1，而是L字母的小写，也可以直接用替换对话方块里的“特殊字元”，里面有“有手动换行符”)，空行才能去除。我要用的试卷正是用手动换行符换行的。可是我也用了“^l^l”替换成“^l”的办法，用“全部替换”时依然提示“Word已完成对文件的搜寻并已完成0处替换”这又是为什么呢把我搞得一头雾水，为了搞清楚到底问题出在哪里，我又在Word文件中分别用手动换行符和回车符制造一些空行，用“^p^p”替换成“^p”和“^l^l”替换成“^l”来验证，结果能顺利完成空行的删除。为什么我自己输入的可以替换，网上下载的却不能呢难道这里面还有“机关” (2)注意空格的存在 无奈之下，我只得手工删除了。在删除的过程中，我发现了它的秘密:原来每个空行的换行符前还有一个空格。空格成了折腾我的“罪魁祸首”!再用“^l ^l”(注意两个换行之间有一个空格)替换成“^l”，替换终于有成果了。单击了几次全部替换，又更改了几次“查询内容”，比

怎样将网页中的表格复制到EXCEL(此网页不能复制

看了源网站，是ASP写的拿资料库资料的，貌似只能一页一页地取资料。具体的已经说了，就是从IE浏览器快取里那对应的HTML，然后把不需要的程式码去除，留下需要的文字或者表格，储存成HTML档案，最后重新用浏览器开启储存后的这个档案，就可以拷贝黏贴了

请问如何复制网上的表格？

这样做，先把网页另存为，保存到你的机器里。然后打开wo定d，选择文件，打开，把刚才保存的那个文件打开，这样就可以编辑了。把没用的删除就可以了。

如何将网页中的表格快速复制到EXCEL中

直接网页中选中表格，CTRL+C,再到EXCEL里CTRL+V就行了，搞这么复杂做什么？搞A分把整个网页复制下来，不如直接选中头，按Shift，再选中结尾。按CTRL+C,再到EXCEL里CTRL+V就行了。把表格的格式设置一下就行了，无色底，黑色字体。不就行了？

怎样将网页上的表格下载下来

把表格复制粘贴到新建文本中，再通过Excel打开， *** 作为：文件>打开>选择以“文本类型TXT”打开。然后你就下载了这个表格，你先自己试试。

如何下载或复制网页上的表格到Excel里？

你应当说出具体网址 有的网站数据是不允许采集的

只要允许随便采集 就可以下载

怎样在WORD中将从网页上覆制下来的文章中的表格边框去掉

但实际上，我们不需要表格作为外框，仅仅需要文字而已！ 原因分析？ 为什么复制的文字会带有表格呢？ 原因是这样的，所复制文字的网页，其布局对象是Table，而不是Div，所以，当你选择文字进行复制的时候，就选中了表格对象，但是在显示的时候，多少网站都是无法看到表格的，为了达到美观，很多网站都将表格对象的颜色设置为和网页颜色一样，所以，我们就于不知不觉中对表格也进行了复制，粘贴到WORD里面，当然就能看到表格了！ 如何解决这个问题呢？ ①：首先将整个表格先选中！下图介绍了选中的 *** 作方法： ②：之后执行“表格”→“转换”→“表格转换为文本”；d出如上图的对话框，在这里可以二话不讲，直接点击“确定”按钮即可完成 *** 作！！！ 方法1、粘贴到word中后不要进行点击呀之类 *** 作，移动鼠标到文字块（一般粘贴过来后就是一个大文字块）末尾，有一个小图标，用鼠标左点击，选择只保留文本即可 方法2、选中网页中的文本——复制到记事本中——再从记事本里复制到word中，这样一切表格，等信息均不存在了 要有和文字的话，方法如下：你先复制到word，然后选种表格（网页都是表格形式的，你点一下左上角的一个八角形，选种表格），菜单——表格——转换——表格转文字——确定。这样表格就去掉了。如果表格多，你就多来几次。 方法3、选中表格内的文本剪切——粘贴到表格下边，然后再把空表格框剪切掉即可另一个方法，先选中网页中要复制的内容，打开WORD，不要直接粘贴，而是选“编辑”--“选择性粘贴”--无格式文本，就没有表格了 方法4,选中复制到网页中的表格，然后打开“表格”菜单，选择“转换”命令中的“表格转换成文字……”命令，打开“将表格转换成文字”对话框，一般选择“段落标记”，再单击“确定”就行了。 另外，本人还有去空格的方法： 2我们经常从网上下载一些文字材料，往往因空行多使得页数居高不下。关于“空行替换”的相关文章也看过一些，大致都是这种方法：在“编辑”菜单中打开“查找和替换”对话框，在“查找内容”中输入“^p^p”“替换为”中输入“^p”，然后“全部替换”。 而有些用上面的方法却是屡试屡败，每次都是提示：“Word已完成对文档的搜索并已完成0处替换”。为什么空行就在眼前，Word却不认识它呢？经过细心查找，发现在用替换的办法删除空行时要注意两个问题： (1)分清文件中用的是手动换行符(“Shift+回车”)，还是段落标记 “^p^p”替换成“^p”并不能替换所有的空行。如果文件中用的是手动换行符，那么就要用“^l^l”替换成“^l”(这里用的不是1，而是L字母的小写，也可以直接用替换对话框里的“特殊字符”，里面有“有手动换行符”)，空行才能去除。我要用的试卷正是用手动换行符换行的。可是我也用了“^l^l”替换成“^l”的办法，用“全部替换”时依然提示“Word已完成对文档的搜索并已完成0处替换”这又是为什么呢把我搞得一头雾水，为了搞清楚到底问题出在哪里，我又在Word文档中分别用手动换行符和回车符制造一些空行，用“^p^p”替换成“^p”和“^l^l”替换成“^l”来验证，结果能顺利完成空行的删除。为什么我自己输入的可以替换，网上下载的却不能呢难道这里面还有“机关” (2)注意空格的存在 无奈之下，我只得手工删除了。在删除的过程中，我发现了它的秘密:原来每个空行的换行符前还有一个空格。空格成了折腾我的“罪魁祸首”!再用“^l ^l”(注意两个换行之间有一个空格)替换成“^l”，替换终于有成果了。单击了几次全部替换，又更改了几次“查找内容”，比>>

怎样删除从网页上覆制到Word中的表格格式

粘贴后选择表格，点击菜单工具栏上的表格－转换－表格转换为文本即可。

如何在EXCEL表中复制粘贴网址链接？

双击 插入网址的单元格->不点ESC 点其他任意一个单元格

怎样将网页中的表格复制到EXCEL(此网页不能复制)

使用查看网页源代码的方式，得到HTML代码。然后，删除主要的头尾，保存为html文件，再次打开！就可以拷贝了

怎么把网页上的表格资料保存到自己电脑？

下载保存 HTM文件 把这个网页直接保存成脱机文件

在那个网页左上角点击 文件 另存为 这样保存出来一个HTM格式文件 不用上网也能看

网页上的表格复制下来

在浏览器，右键，页面另存为，mht格式，保存到优盘，然后去打印。

一、先从Dreamwear或FrontPage入手。因为这两个软件的使用比较简单，只要你会使用word等软件就会很快上手。

二、只用这两个软件做出的网页不是很美观，这时可看看别人网页的源代码，注意别人源代码中css的用法，就是代码前面部分的<style type="text/css"></style>。用css定义网页的字体、间距等，网页就美观多了！

三、网页制作最基本要掌握的是表格的制作，建议你找一个现成的网页，打开它的源代码，仔细研究表格的代码，注意学习时要有耐心，不要怕麻烦，不要怕失败，要用相当长的时间把表格的制作学通、学精，为以后制作动态网页奠定良好基础。

三、掌握了css用法和表格制作方法后，就可直接在记事本里编写或改写代码了，如果能在记事本里熟练地编写代码，那么离成功也就不远了！

四、现在编写的只是静态网页，所谓静态网页是指所有网页内容的更新需要重新改写代码才能完成。我要告诉你的是必须先掌握静态网页的制作才能过渡到动态网页的制作，所以学习静态网页的制作非常重要！

五、熟练掌握静态网页的制作后，就可学习动态网页的制作了，所谓的动态网页，不要单单理解为网页上有动画就是动态网页，那是不对的，真正的动态网页是指有后台程序的支持，依托数据库实现网页内容的显示。学习动态网页的制作需要有一定的数据库编程知识，我建议你从最简单的Access入手，学习如何建立数据库；其次买些Asp编写代码的书籍，买时选择带光盘有源程序的那种，可将源程序拷到你的机子上，便于你学习研究。

六、动态网页的制作除了Access+Asp外，现在流行的还有Sql+php，sql+jsp等。

<html>

<body>

<img src="的地址" width="200" height="200"></img>

<p><font color="yellow" size="20">级学生</font></p>

<p><font color="yellow" size="20">姓名</font></p>

<p><font color="yellow" size="20">特长</font></p>

<a href="wwwbaiducom">超级链接</a>

</body>

</html>

保存成扩展名htm或html的文件

<p>段落的意思,width的宽 height的高 color文字的颜色 size文字的大小。