高校问答新侠客行百度网盘:可以详细说明一下如何做网页么？
来源：百度文库 编辑：高校问答 时间：2024/04/28 01:37:13
做网页
从看源代码开始
看人家的网页（html）有好看的自己不会的了
就查代码，学习
先用FrontPage学着做，等你把这个软件会用了，也就可以说你会做网页了，然后再学HTML语言，通过FrontPage的设计视图、代码视图的切换对照，会比较容易的掌握HTML语言的。
个人认为：学做网页，不要先学习理论，要先操作，再理论与操作相结合，这样进展会快些，用FrontPage这个软件很容易上手的！
做网页，设计重于技术！做网页是一门设计艺术！
学会HTML语言后，可进一步学习CSS样式表、ASP语言或PHP语言以及相知数据库知识……
祝你进步！
HTML网页制作
一、 一般格式
<html>
<head>
……
</head>
<body>
……
</body>
</html>
网页或主页的扩展名采用.htm 或 .html
URL:通用资源定位点
http://www.sohu.com
基本格式：HOW://WHO/Where/What
HOW：网络协议 如HTTP FTP RTSP PNM MMS MMST
WHO：计算机名称 如www.sohu.com 域名 IP地址
WHERE：在计算机上位置
WHAT：网页名称
二、 HTML基本语法
1、 标记
<标记> 文本 </标记>
如:<html> … </html>
2、 标记属性：有些属性可自定义
如：<body bgcolor="BLUE" text="YELLOW">…</body>
3、 主体标记
<body
background="URL" 背景图案
bgcolor=color 背景颜色
bgproperties=fixed 网页滚动时，背景图案不滚动
leftmargin=n 左边距
Link=color 超链接颜色
Alink=color 选中时超链接颜色
Text=color 文本颜色
Topmargin=n 上边距
Vlink=color 已访问过的超链接颜色
>
三、 编辑网页正文
1、 划分段落
<P ALIGN="对齐属性">……</P>
对齐属性: left right center
<Br>
属性：clear ="属性值"( right left all ) 文本在图像周围停止转行
<nobr>……</nobr>不换行
2、 插入标题
<H?>……</H?> ?:1-6
如<H1>一级标题</H1>
<title>…… </title> 在head中使用，指明文件标题
3、 使用链接
<A Href ="URL"> 链接源 </A>
URL：HTML文件、图形文件、文本文件、声音文件、
电影文件、URL(需加http://)、Email地址(需加mailto:)
页内跳转：定义锚点 <A NAME="锚点名"></A>
链接至锚点 <A HREF="#锚点名">链接源 </A>
或<A HREF="URL#锚点名">链接源 </A>
<a target=…> 指明在什么窗口中打开
4、 插入声音
<bgsound src=… 声音文件的URL（wav与midi au）
loop=…> 循环播放次数（-1或infinite，表示无限循环）
5、 插入图像
<img src="图像"
alt="文本"
align="对齐属性" :left, right,center
top 图像的顶部与文本或图像的底部对齐
middle, 图像的中间与文本或图像的底部对齐
bottom, 图像的底部与文本或图像的底部对齐
absmiddle,absbottom
lowsrc="图像"：该处指定的小图像在SRC指定的图像前被装入。（预览图像）
width=n 图像的宽度，以像素为单位
height=n 图像的高度，以像素为单位
vspace=n 图像的垂直间隔
hspace=n 图像的水平间隔
border=n 图像的边框
6、 文本对齐
<DIV ALIGN="对齐属性" >……</DIV>
对齐属性: left right center
<CENTER>……</CENTER>
<PRE>……</PRE> 预格式化文本（保留行结束符与空格）
7、 插入注释
<!-……->
<comment>……</comment>
8、 映射区域 （用于某图片上）
<map name="区域名">
<area shape="…" coords=" … , … , …" href="……">
……
<area shape="…" coords=" … , … , …" href="……">
</map>
<img src="…" usemap="#区域名" >
shape：区域形状，如rect ,circle , poly
coords：取区域的坐标值
shape若为rect 则取左上角与右下角坐标
shape若为 circle 则取圆心坐标及半径
shape若为 poly 各顶点坐标
href：单击区域后的URL
9、 插入描述语言
<script language=… src=…> </script>
src指明了脚本程序所在的文件
<applet ……> 插入一个java小程序
<object ……> 嵌入一些控件对象
<param……> 指定程序的参数
四、 装饰网页
1、 标题属性
<H? Align="对齐属性">标题内容</H?>
left right center
2、 文本字体
A、 字号属性
基准字号： <Basefont Size=n> n:0-7
<font size=n>……</font>
+n：增大n号
-n：减小n号
n ：n号
B、 颜色属性
<Body text="#RRGGBB">
<Font color="#RRGGBB"> …… </Font>
C、 字体属性
<Font face="宋体，隶书，times">……</Font>
D、 文本修饰
<B>……</B> 加粗
<STRONG>……</STRONG> 突出（加粗）
<I>……</I> 倾斜
<EM>……</EM> 突出（倾斜）
<U>……</U> 下划线
<TT>……</TT> 打字机字体
<SUP>……</SUP> 上标
<SUB>……</SUB> 下标
<BIG>……</BIG> 字增大
<SMALL>……</SMALL> 字减小
<STRIKE>……</STRIKE> 划线
特殊字符
字符引用：基本形式"&#数字" < < > >
实体名称引用：基本形式"&英文字母" < < > >
" " "
& & &
£ £ 镑
© © 版权
® ® 注册商标
± ± 加减号
² ² 上标2
¼ ¼ 四分之一
½ ½ 二分之一
÷ 除号
3、 插入水平线
<HR Width=x>
<HR Width=x%>
<HR Size=n>
<HR Align=x> X:left,right,center
<HR Noshade>
五、 列表
1、 编号列表
<OL>
<LI>…
<LI>…
……
<LI>…
</OL>
<LI VALUE="n"> n:1---n 对该项及后继项起作用
<LI Type=X> X: A ,a,I,i,1 对某一表项
<OL type=X> X: A ,a,I,i,1 对整个列表
<OL start="n"> n:1---n
2、 无编号列表
<UL>
<LI>…
<LI>…
……
<LI>…
</UL>
<LI Type=x> X: Disc,Circle,Square
3、 定义列表 （前面无各种符号）
<DL>
<DD>…
<DD>…
……
</DD>
</DL>
<DT>定义术语（向左）
<DD>定义内容（向右）
4、 列表嵌套
各种列表嵌套标记不能交错。
六、 运用表格
1、 创建表格：
步骤：（1）创建一行
（2）将行分成多列
（3）在形成的单元格内插入数据
<table >
<TR>
<TD>……</TD>
<TD>……</TD>
……
<TD>……</TD>
</TR>
<TR>
<TD>……</TD>
<TD>……</TD>
……
<TD>……</TD>
</TR>
</table>
多行
<table border>
<TR>
<TD>……</TD>
<TD>……</TD>
……
<TD>……</TD>
</TR>
<TR>
<TD>……</TD>
<TD>……</TD>
……
<TD>……</TD>
</TR>
<TR>
<TD>……</TD>
<TD>……</TD>
……
<TD>……</TD>
</TR>
</table>
2、 修饰表头
<TR>
<TH>……</TH> 表头居中以粗体表示
<TH>……</TH>
……
<TH>……</TH>
</TR>
3、 表格标题
<Caption Align=Where>标题内容 </Caption>
Where：Bottom,Top
可放于<table>……</table>内的任意位置
4、 对齐表格内容
<TD Align=X> X:left,right,center 水平方向对齐
<TD Valign=X> X:top,bottom,middle 垂直方向对齐
5、 行列合并
<TD Rowspan=Rows> Rows:合并行数，即同列内合并
<TD Colspan=Cols> Cols:合并列数，即同行内合并
6、 表格属性
A、 边框大小： <table border=n> n:0-n
B、 表格宽度：<table width=n> n: n个像素,n%的宽度
C、 表格背景色及背景图片
<table bgcolor=…>
<table background=…>
D、 行的属性
<tr align=…> left,right,center
<tr valign=…> top,middle,bottom
<tr bgcolor=…>
<tr background=…>
E、 单元格属性：
<TD height=n> 单元格高度
<TD width=n> 单元格宽度 n与n%(占表格宽度)
<td bgcolor=…>
<td background=…>
<Table cellspacing=n> 单元格间的间距
<table cellpadding=n> 表单元边线至内容间的间距
七、 框架
在框架结构中无<body>标记，而使用<FRAMESET>标记，允许嵌套
<frameset
rows=… 垂直方向上的几行，可使用像素、*和百分比
cols=… 水平方向上的几列，可使用像素、*和百分比
framespacing= … 窗口间的空间
border= > 边框粗细
<frame
src=URL 显示内容
name=… 命名，用于<a href target=…>
marginwidth=… 左右边距
marginheight=… 上下边距
scrolling=… YES、NO或AUTO ，是否有滚动条
noresize> 禁止改变大小
<noframe> …</noframe> 提供备用文档，用于不支持frame的浏览器
</frameset>
八、 表单技术
1、 基本结构
<form>……</form>
<form Action=URL Method=Get|Post>
URL:负责处理数据的应用程序的URL
……
<Input Type=submit> 表单结果送至Web服务器
<Input Type=Reset> 清除内容后，可重新输入
</form>
2、 表单要素
A、 文字与口令
<Input type="text" name="…" Maxlength=n
Size=n value=…>
type="text" 文字框
name="…" ASP、CGI程序所需符号名
Maxlength=n 最长的字符数
Size=n 文本框的大小
value=… 初始值
<Input type="password" name="…" Maxlength=n
Size=n value=…>
type="password" 密码框
B、 多行文本框
<textarea
name=…
rows=… 文本区域的行数
cols=… 文本区域的列数
wrap=…>控制文本换行 OFF VIRTUAL
PHYSICAL
…缺省值
</textarea>
C、 复选框
<Input type="checkbox" Name="…" checked>
checked 表示选中状态
D、 命令按钮
<input type="submit" name =… value=…>
<input type="reset" name =… value=…>
<input type="button" name =… value=…> 普通按钮
<input type="image" src=… name=…>定制提交按钮，返回值为当前指针的坐标
E、 隐藏数据
<input type="hidden" name=… value=… >
F、 单选按钮
<Input type="radio" Name="…" checked>
G、 列表框
<select name="…" size=n multiple >
<option>……
<option selected>……
……
</select>
size=n 列表框大小
multiple 允许多项选择
<option selected> 已处于选中状态
其他具体的HTML语言，请参阅HTML4开发人员参考手册。
具体例子只需浏览网页时，选择：查看—源文件就可以看见。
htm的文件格式的是ACSII，用记事本就能编辑html网页文件，只需选择保存类型为所有文件（*.*），把扩展名记为htm就可以了。
一言难尽也，你买本书看看吧
简单的说就是
设计、切图、搭表格
推荐你买一套书《网页设计梦工场》，大型的书城或者上“当当网上书店”都有卖的，讲的很详细，新手很容易上手。