今天给各位分享web网页设计源代码以及效果图的知识，其中也会对网页设计 效果图进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！
本文目录一览：
- 1、求一个简单的网页设计（要求源代码）！非常感谢！
- 2、急求！！！网页设计 HTML代码大全
- 3、html网页制作、跪求源代码
- 4、web网页设计我的家乡八个页面代码是什么特效
- 5、有一个网页的html代码如何将其转化成网页效果图，我每次复制后粘贴到另一个网页显示的还是代码本身。
- 6、网页设计源代码
求一个简单的网页设计（要求源代码）！非常感谢！
heritrix抓取网页
网页解析的有很多就不说了，不过最好自己写
lucene索引
首先爬虫是需要一个处理器链的，网页的抓取并非几十行代码就能实现的，因为有很多问题出
现。
1.获取网页：判断网页编码，计算网页正文位置，获取页面内url（url的过滤、缓存、存储这部分还需要线程池的优化），url的分配、及线程池的启动。
2.网页持久化。网页解析，网页中样式表、图片等下载以及网页的保存（xml和html）网页快照的生成。
3.网页的消重去噪：去掉没用的网页，如果是垂直搜索引擎则需要更多的判断，可以利用内容模板和空间向量的算法实现。
4.索引的建立及优化，主要是简历倒排索引。
你的分类基本上可以用内容模板和空间向量计算实现。
还有其他很多东西，一时间不能说细了。你想做到什么程度。（比如：空间向量的算法及结果的参考值、网页内容模板的建立。）
急求！！！网页设计 HTML代码大全
HTML标记_HTML大全_HTML标记大全_超文本标记语言
网页（WebPage）文件主要是用超文本标记语言（HyperText Markup Language，简称HTML）语句来写成。您可以通过IE浏览器的“查看”菜单中的“源文件”看到该页的HTML代码。HTML语言由一系列元素(element)组成，用于组织文件的内容和指导文件的输出格式。元素名称不分大小写。一个元素可以有多个属性，属性及其属性值不分大小写。属性名＝属性值合起来构成一个完整的属性，一个元素可以有多个属性，各个属性用空格分开。元素又由标记(tag)的构成，大多数标记是成对出现的，分起始标记 (start tag)和结尾标记/ (end tag)，以便和页面的内容区分开来。其写成的文件是标准的ASCII文件，不同于一般的编程语言，故称为脚本（Script）更准确一点。其实也很简单，特别是在专门的HTML编辑器的帮助下，您可以迅速地学会HTML，并能很快写出有自己特色的Homepage来。
需要说明的是：各种浏览器对html元素及其属性的解释不完全一样，如NC与IE是有区别的。
标 签 内 容 备 注
基 本 标 签 所有HTML文件都有的
html……/html 表示文件类型为HTML文档
head……/head 设置文档描述及其他不在WEB网页上显示的信息
body……/body HTML文档的主体（页面的实际内容）
标 题 标 签
title……/title 在标题栏中显示的题目（放在head/head内）
扩 展 属 性 标 签
base
基址标签，为解决相对编址作参考值
META
将HTTP命令发给CONTENT=number;url允许，描述不包含在标准HTML里的文档信息。使用详解
link
提供将现行文档与其它文档或实体关联起来的信息
ISINDEX 指明在服务器上提供文档的可以检索的索引
style……/style 允许包含样式表（CSS）信息
页 面 属 性 标 签 body……/body标签的扩展属性。使用详解
body bgcolor=#…… 设置背景颜色，用名字或十六进制值
body text=#…… 设置文本文字颜色，用名字或十六进制值
body link=#…… 设置链接颜色，用名字或十六进制值
body vlink=#…… 设置已使用的链接的颜色，用名字或十六进制值
body alink=#…… 设置正在被击中链接的颜色，用名字或十六进制值
文 本 标 签
pre……/pre 创建预格式化文本
h1……/h1 创建最大的标题
h6……/h6 创建最小的标题
b……/b 创建黑体字
i……/i 创建斜体字
tt……/tt 创建打字机风格的字体
cite……/cite 创建一个引用，通常是斜体
em……/em 加重（通常是斜体加黑体）
strong……/strong 强调（通常是斜体加黑体）
font size=value/font 设置字体大小，从1到7
font color=……/font 设置字体的颜色，使用名字或十六进制值
链 接
a href="/URL"/a 创建一个超链接
a href="mailto:EMAIL" /a 创建一个自动发送电子邮件的链接
a name="NAME"/a 创建一个位于文档内部的靶位
a href="#NAME"/a 创建一个指向位于文档内部靶位的链接
格 式 排 版
p 创建一个新的段落
p align=…… 将段落按左、中、右对齐
br 插入一个回车换行符
blockquote……/blockquote 从两边缩进文本
dl……/dl 创建一个定义列表
dt 放在每个定义术语词之前
dd 放在每个定义之前
ol……/ol 创建一个标有数字的列表
li 放在每个数字列表项之前，并加上一个数字
ul……/ul 创建一个标有圆点的列表
li 放在每个圆点列表项之前，并加上一个圆点
div align=…… 一个用来排版大块HTML段落的标签，也用于格式化表
图 形 元 素
img src="/name" 添加一个图像
img src="/name" align=value 排列对齐一个图像：左中右或上中下
img src="/name" border=value 设置围绕一个图像的边框的大小
hr 加入一条水平线
hr size=value 设置水平线的大小（高度）
hr width=value 设置水平线的宽度（百分比或绝对像素点）
hr noshade 创建一个没有阴影的水平线
表 格
table……/table 创建一个表格
tr……/tr 开始表格中的每一行
td……/td 开始一行中的每一个格子
th……/th 设置表格头：一个通常使用黑体居中文字的格子
表 格 属 性
table border=value 设置围绕表格的边框的宽度
table cellspacing=value 设置表格格子之间空间的大小
table cellpadding=value 设置表格格子边框与其内部内容之间空间的大小
table width=value 或 % 设置表格的宽度－用绝对像素值或文档总宽度的百分比
tr align=…… 设置表格格子的水平对齐（左中右）
tr valign=…… 设置表格格子的垂直对齐（上中下）
td colspan=value 设置一个表格格子应跨占的列数（缺省为1）
td rowspan=value 设置一个表格格子应跨占的行数（缺省为1）
td nowrap 禁止表格格子内的内容自动断行回卷
窗 框
frameset……/frameset 放在一个窗框文档的body标签之前，也可以嵌在其他窗框文档中
frameset rows="value,value" 定义一个窗框内的行数，可以使用绝对像素值或高度的百分比
frameset cols="value,value" 定义一个窗框内的列数，可以使用绝对像素值或宽度的百分比
frame 定义一个窗框内的单一窗或窗区域
noframes……/noframes 定义在不支持窗框的浏览器中显示什么提示
窗 框 属 性
frame src="/URL" 规定窗框内显示什么HTML文档
frame name="name" 命名窗框或区域以便别的窗框可以指向它
frame marginwidth=value 定义窗框左右边缘的空白大小，必须大于等于1
frame marginheight=value 定义窗框上下边缘的空白大小，必须大于等于1
frame scrolling=value 设置窗框是否有滚动栏，其值可以是"yes","no","auto"，缺省时一般为"auto"
frame noresize 禁止用户调整一个窗框的大小
表 单 对于功能性的表单，一般需要运行一个CGI小程序，HTML仅仅是产生表单的表面样子。
form……/form 创建所有表单
select multiple name="NAME" size=value………/select 创建一个滚动菜单，size设置在需要滚动前可以看到的表单项数目
option 设置每个表单项的内容
select name="NAME"……/select 创建一个下拉菜单
textarea name="NAME" cols=value rows=value……/textarea 创建一个文本框区域，列的数目设置宽度，行的数目设置高度
input type="checkbox" name="NAME" 创建一个复选框，文字在标签后面
input type="radio" name="NAME" value="x" 创建一个单选框，文字在标签后面
input type=text name="……" size=value 创建一个单行文本输入区域，size设置以字符计的宽度
input type="submit" value="NAME" 创建一个submit（提交）按钮
input type="image" border=0 name="NAME" src="/name.gif" 创建一个使用图象的submit（提交）按钮
input type="reset" 创建一个reset（重置）按钮
附 加 属 性
PRE……/PRE 预置格式风格标签用来显示字体宽度固定的文本块，主要用来在表格格式中显示文本
TT……/TT 打字机风格用来显示打字机字体宽度固定的文本
SAMP……/SAMP 示例风格以单倍距显示文本
ADDRESS……/ADDRESS 地址风格一般用于文档的开始或结尾处，并以斜体格式显示文本。
DL……/DL 定义列表风格用来显示术语及其定义
颜色
#=rrggbb 16 进制 RGB 数值，或者是下列预定义色彩：
Black,Olive,Teal,Red,Blue,Maroon,Navy, Gray,Lime,Yellow,white,Silver,Fuchsia,Purple,Green,Aqua[返回本页首部]
META标签
描述不包含在标准HTML里的文档信息。
META NAME="keywords" CONTENT="yourkeyword"
META NAME="description" CONTENT="your homepage's description"
本页的关键字和描述。在页面里加上这些定义后，一些搜索引擎就能够让读者根据这些关键字搜索到您的主页，了解你的主页内容。
META HTTP-EQUIV="refresh" CONTENT="30, URL=new.htm"
浏览器将在30秒后，自动转到new.htm。您可用它制作一个封面，在若干时间后，自动带读者来到您的目录页。如果URL项没有，浏览器就是刷新本页。这就是WWW聊天室定期刷新的实现原理。
meta http-equiv="Content-Type" content="text/html; charset=gb2312"
描述本页使用的语言。浏览器根据此项，就可以选择正确的语言编码，而不需要读者自己在浏览器里选择。GB2312是指简体中文，而台湾BIG5内码的主页则是用BIG5。
META HTTP-EQUIV="Pragma" CONTENT="no-cache"
强制性调用网上的最新版本。浏览器为节约时间，在本地硬盘上保存一个临时文件。在重新调用时，便直接显示那个临时文件。如果您想让读者每次都看到最新的版本，可加上句。[返回本页首部]
LINK
显示本文档和其他文档之间的连接关系。一个最有用的应用就是外部层叠样式表的定位。格式如下：
LINK REL="stylesheet" href="/style.css"REL参数说明两个文档之间的关系，HREF说明目标文档名。关于层叠样式表，将在后面的课程中详述。[返回本页首部]
BASE
本文档的原始地址。语法：BASE HREF="原始地址"当读者下载您的文档后，由此可以知道是从哪里下载的。[返回本页首部]
BODY
BODY标记有一些属性，用于定义页面内的显示效果。 ALINK、LINK、TEXT、VLINK—— 文字的颜色。
ALINK：当前激活的连接的文字颜色。
LINK：连接的文字颜色。
TEXT：文字的颜色。
VLINK：参观过的文字颜色。
注意：文字的颜色要和背景色有明显的差别，以便读者浏览。
BACKGROUND、BGPROPERTIES、BGCOLOR——页面的背景部分。
BACKGROUND：背景图案，该图案在页面内平铺。背景图案应保持单一色调，以保证页面文字易于阅读。
BGPROPERTIES：设置成FIXED，则背景图案不滚动。（只对INTERNET EXPLORER有效）
BGCOLOR：背景色。
注意：如果你的背景图案是深色调，因之文字颜色为淡颜色，那么由于浏览器调用页面的顺序是“背景色-文字-背景图案”，那么在背景图案没有显示的情况下，你的文字在白颜色下很难阅读，所以应该选用一个跟你的背景图案颜色一致的背景色。
LEFTMARGIN、TOPMARGIN——页边空白。（只对INTERNET EXPLORER有效）
LEFTMARGIN：左边页边空白。
TOPMARGIN：顶端页边空白。
html网页制作、跪求源代码
效果图，图片自己换，
!DOCTYPE html
html
head
meta charset="utf-8"/
title泰国/title
link rel="stylesheet" type="text/css" href="css/index.css"/
script type="text/javascript" src="js/index.js"/script
/head
body
div class="box"
div class="titles"泰国/div
div class="img-box"
img class="auto-img" src="images/a001.jpg"/
/div
div class="text-box"
div class="text-box-a"
a href="#"曼谷、芭提雅(珊瑚岛、金沙岛)5晚7天/a
/div
div class="text-box-a"
东航直飞曼谷客机，入住1晚曼谷国际5星+4晚泰式5星酒店,芭提雅双岛(珊瑚岛+金沙岛)清...
/div
div class="text-box-a"
出发日期：星期一,星期二,星期三,星期四,星期五
/div
/div
div class="bottom ovf"
div class="fl text-a1"
班期：每周发团
/div
div class="fr"
div class="price"￥nbsp;4549/div
div class="rush-to-buy"立即抢购/div
/div
/div
/div
/body
/html
css样式：
html,body{
padding:0;
margin:20px 0 0;
}
a{
text-decoration:none;
}
.fl{
float:left;
}
.fr{
float:right;
}
.ovf{
overflow: hidden;
}
.box{
width:50%;
margin:0 auto;
border:1px dashed #000000;
padding:4px;
}
.titles{
width:100%;
text-align: center;
color:#ffffff;
background-color: #ff0000;
}
.img-box{
width:100%;
margin-top: 4px;
}
.auto-img{
display: block;
width:100%;
}
.text-box{
width:100%;
}
.text-box-a{
width:100%;
font-size: 14px;
line-height: 20px;
letter-spacing: 1px;
}
.text-box-aa{
color:#0089ff;
}
.bottom{
margin-top: 30px;
}
.text-a1{
font-size: 18px;
font-style: italic;
font-style:oblique;/*为保证斜体效果加一个*/
}
.price{
font-size: 16px;
color:#8B3E2F;
}
.rush-to-buy{
width:80px;
text-align: center;
background-color: #ff0000;
font-size: 16px;
}
web网页设计我的家乡八个页面代码是什么特效
js为主的特效。js全称JavaScript是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式、声明式、函数式编程范式。再配合css样式，让web页面尽显华丽。
有一个网页的html代码如何将其转化成网页效果图，我每次复制后粘贴到另一个网页显示的还是代码本身。
HTML英语意思是：Hypertext Marked Language，即超文本标记语言,是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台（如UNIX，WINDOWS等）。自1990年以来HTML就一直被用作World Wide Web 的信息表示语言，用于描述Homepage的格式设计和它与WWW上其它Homepage 的连结信息。使用HTML语言描述的文件，需要通过WWW浏览器显示出效果。
插入HTML代码十四、在网页中插入HTML代码
（一）插入HTML代码的方法
1、在设计视图中插入HTML代码
（1）方法一：
①复制HTML代码。
②在DW设计视图中鼠标定位在想要插入代码处，按右键\点插入HTML。
③点“编辑菜单\粘贴HTML”。
（2）方法二：
①在DW设计视图中鼠标定位在想要插入代码处，按右键\点插入HTML。
②在弹出的“插入HTML”窗口中的括号中间输入代码。
③要编辑修改代码，这样做：右击标签\编辑标签。
2、在代码视图中插入HTML代码
在代码视图中的标记head和/head之间或者在标记body和/body之间输入代码即可。
在自己的网页中插入Google搜索引擎的方法
①登录网址：
②点“google大全”按钮。
③点“google免费” 按钮。
④选择并复制其提供的全部代码。
⑤在DW设计窗口中鼠标定位在想要插入google搜索引擎处，按右键\点插入HTML。
⑥编辑菜单\粘贴HTML。
在自己的网页中插入百度搜索引擎的方法。
①登录网址：
②点“网站登录”按钮。
③点“免费搜索代码” 按钮。
④选择并复制其提供的全部代码。
⑤在DW设计窗口中鼠标定位在想要插入百度搜索引擎处，按右键\点插入HTML。
⑥编辑菜单\粘贴HTML。
1、将原代码中所有的空格、另起行等去掉，所有代码紧紧靠在一起，（不会影响代码的解释），则网页代码的大小可以缩小一半左右。
2、在添加表单时，为了排版方便，一般都把表单建在表格单元格中，原代码中即为“tdform……/form/td”，如果把form和td的位置在原代码中交换一下，变为“formtd……/td/form”，再去浏览网页，表单后多加的一个空行就没有了，并且更加美观。
（二）常用的代码
1、插入音乐视频的代码
在网页中插入播放声音（如mp3等）、AVI动画和电影文件（如MPG等）的代码：
在代码窗口中的body和/body之间插入以下代码：
Embed src="url"width="宽度"height="高度"AUTOSTART="TRUE│false" LOOP="TRUE"/Embed
EMBED…………………起始标记
SRC="url"……………源文件名
width="450"…………播放器的宽度
height="380"…………播放器的高度
HIDDEN="TRUE"………隐藏方式（对播放声音文件有用，对播放视频无用）
AUTOSTART="TRUE"……自动播放
autostart="false"……不自动播放，点击播放按钮后才播放。
LOOP="TRUE"…………循环播放
NAME="MySound"………嵌入对象名
/EMBED………………结束标记
打开网页并点击播放器的播放按钮后才播放视频文件kkk.mpg：
Embed src="kkk.mpg"width="450"height="380" autostart="false" /Embed
此法对制作课件特别有用，可在网页当前页播放视频动画。但是，打开网页时播放器总在网页的左侧，如何定位播放器的位置呢？其实插入此代码可以在设计视图中利用层来完成，实现方法是：在DW中的设计视图，插入层，鼠标定位于层内，在层内插入代码（按右键\点插入HTML，在弹出的“插入HTML”窗口中的括号中间输入代码。如果要编辑修改代码，这样做：右击标签\编辑标签。）。通过移动层就可以准确定位播放器的位置了。
用超级解霸或会声会影可将VCD中的某个视频文件(.DAT)转换为视频文件(.mpg)。
打开网页后自动播放（就象背景音乐）声音文件mlh.mp3：
Embed src="mlh.mp3" HIDDEN="TRUE" AUTOSTART="TRUE"/Embed
2、插入播放背景音乐（wav、midi、mp3）的代码
只要在代码窗口中的head和/head标签之间以下代码即可：
bgsound src="Music File Name" loop=n
①Music File Name是背景音乐文件名，其格式可以是：.mid，.mp3，.wav，.wma，.rmi。
②n表示循环次数，若n为－1则表示无限循环。
③网页文件和音乐文件要在同一文件夹中。
无限循环播放背景音乐mlh.mp3：
bgsound src="mlh.mp3" loop="-1"
3、插入滚动文本的代码
在代码窗口中的body和/body之间插入滚动文本的代码：
marquee direction=left│rigth│up│down behavior＝scroll│slide│alternate loop=n
width=宽度 height=高度 scrollamount=滚动速度 scrolldelay=滚动延迟时间 bgcolor=背景颜色
要滚动的文本或图像
/marquee
①direction属性：用于设置滚动的方向，取值可以是left、rigth、up或down，分别代表向左、向右、向上或向下滚动。
②behavior属性：用于设置滚动的方式，scroll表示循环滚动，slide表示只滚动一次，alternate表示来回滚动。
③loop属性：用于设置滚动的次数。若未指定，对于scroll和alternate滚动方式而言，将一直滚动下去。
④width，height属性：width用于设置滚动的行程（水平方向滚动）和宽度（垂直方向滚动），height用于设置滚动区域的高度。
⑤scrollamount属性：用于设置滚动的速度。
⑥scrolldelay属性：用于设置滚动一次后的延迟时间，单位为毫秒。
⑦bgcolor属性：用于设置滚动区域的背景颜色。
插入向上向上滚动的文本。
marquee direction=up height=100 width="95%" scrollamount=1 scrolldelay=20
pfont color="red" 本站新闻/font/p
本网站今日试开通，有些功能还不太完善。请大家批评指正，谢谢！！ /marquee
注：以上分别是代码，只要在网页中插入这些代码即可。其中direction=up表示滚动方向（向上），
height=100表示滚动的单元格高度（100），width="95%"表示滚动新闻占单元格宽度的百分比，scrollamount=1表示每次滚动的象素数（1个象素），scrolldelay=20表示滚动间隔时间（每20毫秒滚动一次）。
插入向左的滚动文本。
marquee direction=left behavior＝alternate width=90% height=20 scrollamount=1
scrolldelay=5 bgcolor=#eeffee
欢迎光临本网站——祝你早日成为大虾!/marquee
插入向左滚动的图像
marquee direction=left behavior＝alternate width=90% height=20 scrollamount=2
scrolldelay=5 bgcolor=#eeffeeimg src="gif_jpg/x1.gif"img
src="gif_jpg/x2.gif"img src="gif_jpg/x3.gif"
/marquee
在网页中插入表格式（2行1列）并创建超链接的向上滚动文本，运行效果是： 友情链接
清华大学出版社
新思维计算机学校
天极网
实现的HTML代码如下：
html
head
titleUntitled Document/title
meta http-equiv="Content-Type" content="text/html; charset=gb2312"
/head
body bgcolor="#FFFFFF" text="#000000"
table width="176" border="1" cellspacing="0" cellpadding="0" bgcolor="#339999"
bordercolor="#339999" align="center"
trtd height="17"font color="#FFFFFF"center
友情链接/center/font/td/tr ……表格第1行
tr style="LINE-HEIGHT:18pt" bgcolor="#eeffee" ……行间距，表格第2行开始
td height="140"
marquee scrollamount='1' scrolldelay='50' direction='up' width='176'
height='140' onMouseOver='this.stop()' onMouseOut='this.start()'
a href="" target='_blank'清华大学出版社/abr
a href="" target='_blank'新思维计算机学校/abr
a href="" target='_blank'天极网/a
/marquee
/td/tr ……………………………………表格第2行结束
/table
/body
/html
4、设置页面左边距，上边距的代码
设置页面的左边距和上边距，可使页面元素紧靠边线，避免“留空”影响美观。其代码是：
body leftmargin=页面左边距的值 topmargin=页面上边距的值/body
将页面左边距设为0，上边距设为0。只需在页面插入如下代码：
body leftmargin=0 topmargin=0/body
5、从其他网站的网页上获取代码，并将其插入到自己的网页。
1、获取代码：打开其他网页，点击“查看”菜单下的“源文件”或者右击网页中的对象再点击“查看源文件”。即可看到网页的源代码，在出现的记事本中查找到标记对script和/script以及标记对之间的所需内容。并将他们一起复制到剪贴板。
2、将代码插入到自己的网页：编辑自己的网页，在代码视图中的/head和/head之间粘贴入代码。
将上的日历代码插入到自己网页中。
①登录网站，右击网页上的日历\查看源文件。
②在出现的记事本中查找到标记对script和/script以及标记对之间所包含的日历内容。
③将标记对script和/script以及标记对之间所包含的日历内容一起复制到剪贴板。
④编辑自己的网页，在代码视图中的/head和/head之间粘贴入代码。
6、消去超级链接下划线的代码
把以下的STYLE放在HEAD中间
style
a
/style
网页设计源代码
HTML语法大全
! 跑马灯
marquee.../marquee普通卷动
marquee behavior=slide.../marquee滑动
marquee behavior=scroll.../marquee预设卷动
marquee behavior=alternate.../marquee来回卷动
marquee direction=down.../marquee向下卷动
marquee direction=up.../marquee向上卷动
marquee direction=right/marquee向右卷动
marquee direction=left/marquee向左卷动
marquee loop=2.../marquee卷动次数
marquee width=180.../marquee设定宽度
marquee height=30.../marquee设定高度
marquee bgcolor=FF0000.../marquee设定背景颜色
marquee scrollamount=30.../marquee设定卷动距离
marquee scrolldelay=300.../marquee设定卷动时间
!字体效果
h1.../h1标题字(最大)
h6.../h6标题字(最小)
b.../b粗体字
strong.../strong粗体字(强调)
i.../i斜体字
em.../em斜体字(强调)
dfn.../dfn斜体字(表示定义)
u.../u底线
ins.../ins底线(表示插入文字)
strike.../strike横线
s.../s删除线
del.../del删除线(表示删除)
kbd.../kbd键盘文字
tt.../tt 打字体
xmp.../xmp固定宽度字体(在文件中空白、换行、定位功能有效)
plaintext.../plaintext固定宽度字体(不执行标记符号)
listing.../listing 固定宽度小字体
font color=00ff00.../font字体颜色
font size=1.../font最小字体
font style =font-size:100 px.../font无限增大
!区断标记
hr水平线
hr size=9水平线(设定大小)
hr width=80%水平线(设定宽度)
hr color=ff0000水平线(设定颜色)
br(换行)
nobr.../nobr水域(不换行)
p.../p水域(段落)
center.../center置中
!连结格式
base href=地址(预设好连结路径)
a href=地址/a外部连结
a href=地址 target=_blank/a外部连结(另开新窗口)
a href=地址 target=_top/a外部连结(全窗口连结)
a href=地址 target=页框名/a外部连结(在指定页框连结)
!贴图/音乐
img src=图片地址贴图
img src=图片地址 width=180设定图片宽度
img src=图片地址 height=30设定图片高度
img src=图片地址 alt=提示文字设定图片提示文字
img src=图片地址 border=1设定图片边框
bgsound src=MID音乐文件地址背景音乐设定
!表格语法
table aling=left.../table表格位置,置左
table aling=center.../table表格位置,置中
table background=图片路径.../table背景图片的URL=就是路径网址
table border=边框大小.../table设定表格边框大小(使用数字)
table bgcolor=颜色码.../table设定表格的背景颜色
table borderclor=颜色码.../table设定表格边框的颜色
table borderclordark=颜色码.../table设定表格暗边框的颜色
table borderclorlight=颜色码.../table设定表格亮边框的颜色
table cellpadding=参数.../table指定内容与网格线之间的间距(使用数字)
table cellspacing=参数.../table指定网格线与网格线之间的距离(使用数字)
table cols=参数.../table指定表格的栏数
table frame=参数.../table设定表格外框线的显示方式
table width=宽度.../table指定表格的宽度大小(使用数字)
table height=高度.../table指定表格的高度大小(使用数字)
td colspan=参数.../td指定储存格合并栏的栏数(使用数字)
td rowspan=参数.../td指定储存格合并列的列数(使用数字)
!分割窗口
frameset cols="20%,*"左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整
frameset rows="20%,*"上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整
frameset cols="20%,*"分割左右两个框架
frameset cols="20%,*,20%"分割左中右三个框架
分割上下两个框架
frameset rows="20%,*,20%"分割上中下三个框架
! - - ... - - 批注
A HREF TARGET 指定超级链接的分割窗口
A HREF=#锚的名称 指定锚名称的超级链接
A HREF 指定超级链接
A NAME=锚的名称 被连结点的名称
ADDRESS..../ADDRESS 用来显示电子邮箱地址
B 粗体字
BASE TARGET 指定超级链接的分割窗口
BASEFONT SIZE 更改预设字形大小
BGSOUND SRC 加入背景音乐
BIG 显示大字体
BLINK 闪烁的文字
BODY TEXT LINK VLINK 设定文字颜色
BODY 显示本文
BR 换行
CAPTION ALIGN 设定表格标题位置
CAPTION.../CAPTION 为表格加上标题
CENTER 向中对齐
CITE...CITE 用于引经据典的文字
CODE.../CODE 用于列出一段程序代码
COMMENT.../COMMENT 加上批注
DD 设定定义列表的项目解说
DFN.../DFN 显示"定义"文字
DIR.../DIR 列表文字卷标
DL.../DL 设定定义列表的卷标
DT 设定定义列表的项目
EM 强调之用
FONT FACE 任意指定所用的字形
FONT SIZE 设定字体大小
FORM ACTION 设定户动式窗体的处理方式
FORM METHOD 设定户动式窗体之资料传送方式
FRAME MARGINHEIGHT 设定窗口的上下边界
FRAME MARGINWIDTH 设定窗口的左右边界
FRAME NAME 为分割窗口命名
FRAME NORESIZE 锁住分割窗口的大小
FRAME SCROLLING 设定分割窗口的滚动条
FRAME SRC 将HTML文件加入窗口
FRAMESET COLS 将窗口分割成左右的子窗口
FRAMESET ROWS 将窗口分割成上下的子窗口
FRAMESET.../FRAMESET 划分分割窗口
H1~H6 设定文字大小
HEAD 标示文件信息
HR 加上分网格线
HTML 文件的开始与结束
I 斜体字
IMG ALIGN 调整图形影像的位置
IMG ALT 为你的图形影像加注
IMG DYNSRC LOOP 加入影片
IMG HEIGHT WIDTH 插入图片并预设图形大小
IMG HSPACE 插入图片并预设图形的左右边界
IMG LOWSRC 预载图片功能
IMG SRC BORDER 设定图片边界
IMG SRC 插入图片
IMG VSPACE 插入图片并预设图形的上下边界
INPUT TYPE NAME value 在窗体中加入输入字段
ISINDEX 定义查询用窗体
KBD.../KBD 表示使用者输入文字
LI TYPE.../LI 列表的项目 ( 可指定符号 )
MARQUEE 跑马灯效果
MENU.../MENU 条列文字卷标
META NAME="REFRESH" CONTENT URL 自动更新文件内容
MULTIPLE 可同时选择多项的列表栏
NOFRAME 定义不出现分割窗口的文字
OL.../OL 有序号的列表
OPTION 定义窗体中列表栏的项目
P ALIGN 设定对齐方向
P 分段
PERSON.../PERSON 显示人名
PRE 使用原有排列
SAMP.../SAMP 用于引用字
SELECT.../SELECT 在窗体中定义列表栏
SMALL 显示小字体
STRIKE 文字加横线
STRONG 用于加强语气
SUB 下标字
SUP 上标字
TABLE BORDER=n 调整表格的宽线高度
TABLE CELLPADDING 调整数据域位之边界
TABLE CELLSPACING 调整表格线的宽度
TABLE HEIGHT 调整表格的高度
TABLE WIDTH 调整表格的宽度
TABLE.../TABLE 产生表格的卷标
TD ALIGN 调整表格字段之左右对齐
TD BGCOLOR 设定表格字段之背景颜色
TD COLSPAN ROWSPAN 表格字段的合并
TD NOWRAP 设定表格字段不换行
TD VALIGN 调整表格字段之上下对齐
TD WIDTH 调整表格字段宽度
TD.../TD 定义表格的数据域位
TEXTAREA NAME ROWS COLS 窗体中加入多少列的文字输入栏
TEXTAREA WRAP 决定文字输入栏是自动否换行
TH.../TH 定义表格的标头字段
TITLE 文件标题
TR.../TR 定义表格美一行
TT 打字机字体
U 文字加底线
UL TYPE.../UL 无序号的列表 ( 可指定符号 )
VAR.../VAR 用于显示变量
请采纳。
关于web网页设计源代码以及效果图和网页设计 效果图的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。
