下载文档原格式
网页制作模板代码首先，我们来看一下HTML模板代码。
HTML是网页的基础语言，通过HTML模板代码，我们可以定义网页的结构和内容。
一个简单的HTML模板代码如下：```html。
<!DOCTYPE html>。
<html>。
<head>。
<title>网页标题</title>。
</head>。
<body>。
<h1>这是一个标题</h1>。
<p>这是一个段落。
</p>。
</body>。
</html>。
```。
在这个模板代码中，我们使用了`<!DOCTYPE html>`来声明文档类型，`<html>`标签定义了整个HTML文档的根元素，`<head>`标签用来包含网页的元信息，比如标题、样式表和脚本等，`<body>`标签则包含了可见的页面内容，比如标题、段落等。
这个模板代码可以作为我们编写网页的基础，根据需要进行修改和扩展。
接下来，我们再来看一下CSS模板代码。
CSS用来控制网页的样式和布局，通过CSS模板代码，我们可以定义网页的外观和风格。
一个简单的CSS模板代码如下：```css。
body {。
background-color: lightblue;}。
h1 {。
color: navy;margin-left: 20px;}。
p {。
font-family: verdana;font-size: 20px;}。
```。
在这个模板代码中，我们使用了`body`选择器来定义整个页面的背景颜色，`h1`选择器定义了标题的颜色和左边距，`p`选择器定义了段落的字体和字号。
这个模板代码可以作为我们设置网页样式的基础，根据需要进行修改和扩展。
最后，让我们来看一下JavaScript模板代码。
JavaScript用来实现网页的交互和动态效果，通过JavaScript模板代码，我们可以定义网页的行为和功能。
html简单网页代码模板在现代社会中，人们越来越喜欢在互联网上寻找信息，并通过互联网进行交流和娱乐。
因此，学习如何编写网页代码成为必不可少的一项技能。
HTML是一种网页编程语言，是创建网站和网页应用程序的基础。
掌握HTML知识，就可以建立自己的个人博客、网页等。
下面为大家提供一份HTML简单网页代码模板。
<! DOCTYPE html><html><head><meta charset="UTF-8"><title>网页标题</title></head><body><header><nav><ul><li><a href="#">菜单1</a></li><li><a href="#">菜单2</a></li><li><a href="#">菜单3</a></li></ul></nav></header><main><section><h1>欢迎来到我的网站</h1><p>在这里，您可以找到关于技术、旅行和时尚的最新信息。
</p></section><section><h2>技术</h2><p>这里可以了解最新的技术新闻和产品发布。
</p></section><section><h2>旅行</h2><p>我喜欢旅行，并在这里分享我的旅行经验和照片。
<body></body> 段落标记background:网页背景图像<p>…</p> bgcolor：网页背景颜色align:left right center text:字体颜色强制换行标记link：可链接文字的色彩<br></br> alink：被鼠标点中时可链接文字的颜色预排格式标记vlink：已经单击过的可链接文字的颜色<pre></pre> leftmargin：页面左边距插入水平线标记topmargin：页面上边距<hr width=“宽度” size=“厚度”标题格式标记align=“对齐方式” color=“颜色”Alink：被鼠标点中时可链接文字的颜色noshacle：除阴影 > Vlink：已经单击过的可链接文字的颜色文本缩标记Leftmargin：页面左边距<blockquote>…</blockquote> Topmargin：页面上边距列表标记标题格式标记 1.无序<hn>标题</hn> （范围（h1-h6））<ul type= “加重符号类型”> align：left(左) right(右) center(中) <li type=“加重符号类型”>列1 bottom(底) top(顶) <li type=“加重符号类型”>列2 文字格式标记………<font face=“字体” size=“字号”</ul> color=“颜色”>文字</font> type:disc● circle○ square■字形设置标记 2.有序<b>字形</b> 粗 <u>字形</u> 下划线<ol type=“序号类型” stare=“起始号码”> <i>字形</i> 斜 <big>字形</big>文字增大<li type=“加重符号类型”>列1 <strike>字形</strike> 删除线<li type=“加重符号类型”>列2 <small>字形</small> 文字减小………<sup>字形</sup> 上标 <sub>字形<sub>下标</ol> <tt>字形</tt> 宽体 <em>字形</em> 强调 3.定义<bink>字形<bink> 闪烁 <cite>字形<cite>斜<dl> <dt>条目1<dd>条目1的说明<strong>字形</strong> 特别强调………</dl>文字滚动标记<img>的图像标记<marquee>文字滚动</marquee> <img> behavior(滚动方式):alternate(交替) sic：图片的路径 scroll(往复) slide(一次) longdesc：详细说明bgcolor：背景颜色alt：替代说明direction(滚动方向):up(上) down(下) width和height：图片的宽和高 left(左) right(右) border：图片外围边框的宽度height和width:滚动的区域hspace和vspace：水平和垂直方向空白loop：循环的次数值是-1 align：left right center scrollamount:滚动的速度加快<img>的视频标记scrolldelay:滚动的速度延迟src：静态图像的路径hspace和vspace:滚动的水平垂直空间dynsrc：视频的路径表格标记loop：infinite或-1(反复播放) <table> start(设置何时播放视频文件)：fileopen和mouseover <caption>表格标题</caption>→align controls:加播放控制条<tr>→align和valign loopdelay:两次播放的间隔<th>表头1</th> <th>表头2</th>…背景音乐标记</tr> <bgsound> <tr> src:音乐地址 loop：次数(-1) <td>(width和nowrap)表项1</td>…多媒体标记<embed></embed> </tr> src：多媒体的地址………height和width：播放的区域<table> hidden：播放面板的显示和隐藏值true和false summary:简要说明 bgcolor:表格的背景颜色autostart：是否自动播放(true和false) background:表格的背景图像 border:表格线的粗细loop:是否循环(true和false) width和height表格的宽和高 align：左、右、中超链接标记valign:顶、(middle)中、底 bordercolor:表格线的颜色<a>…</a> nowrap：禁止表格单元格内的内容自动换行href:链接到的目标的地址rowspan=n n=1 为一行单元格target:链接的目标窗口colspan=n n=1 为一列的合并self(原) blank(新) parent(上) top(整)1.表单标记<form><form name= “form_name” method=“method” action=“url” enctype=“value”target=“target_win”>……</form>name：设置表单的名称 method=处理程序从表单中获得信息的方式其取值为get和postaction：定义表单处理程序（asp、cgi等程序）的位置（相对位置或绝对位置）enctype：设置表单资料的编码方式 target：设置返回信息的显示窗口2.输入标记<input><input name=“field_name” type=“type_name”>name:设置输入区域的名称type：设置输入区域的类型（有10种）①文本域text（maxlength:文本域的最大输入字符 size：文本域的宽度 value:初始默认值）②密码域password(maxlength:密码域的最大输入字符 size：密码域的宽度)③文件域file（input type=“file”）④复选框checkbox(（checked）表示此项被默认选中 value：选中项目后传送到服务器端的值)⑤单选框radio(同4)⑥普通按钮button(value值代表显示在按钮上的文字)⑦“提交”按钮submit(value=“button_text”)⑧“重设”按钮reset（value=“button_text”）⑨图像域image(src:设置图片的路径)⑩隐藏域hidden（input type=“hidden”）3.菜单和列表的标记<select>和<option><select name=“name” size=“value” multiple><option value=“value” selected>选项一<option value=“value”>选项二………</select>size:显示的选项数目（multiple：不用赋值就可以直接加入到标记中，就成多选了）<optiop>→value:用来给<optiop>指定的选项赋值这个值是要传送到服务器上的（selected）：指定初始默认的选项4.文本框标记<textarea><textarea></textarea>name：名称 rows：设置文本框的行数 cols：文本框的列数1.框架集标记<frameset><framese cols=“value,value,…” rows=“value,value,…” framespacing=“value”bordercolor=“color_value”>……</frameset>cols:左右分割窗口（用“，”分割） rows：上下分割（用“，”分割）framespacing：框架集的边框宽度bordercolor：框架集的边框颜色2.框架标记<frame src=“file_name” name=“frame_name” scrolling=“value” noresize>…</frame>src：框架显示的文件路径 name：框架的名称（用来供超文本链接标记）scrolling：滚动条是否显示值(yes , no , auto)3.不支持框架标记<noframes>………</noframes>css1.css称为“层叠样式表”或“级联样式表”2.css的基本语法：html标记｛标记属性：属性值；标记属性：属性值；…｝列如：b,i,h1{color:red}3.css的实现方法（有三种）①在head内实现（叫内部样式表他写在html的<head></head>里面的）内部样式表要用style标记（<style type=“text/css”> h1{color:red}</style>）②在body内实现（叫内嵌样式他在body中实现，主要是在标记中引用，只对所在的标记中有效）③在文件外实现（叫外部样式表）<link href=“style.css” rel=“stylesheet”>4.三种css实现方法的比较样式的优先级依次是内嵌样式，内部样式表，外部样式表使用外部样式时相对于前两种有以下优点：②样式代码可以复用，一个外部css文件，可以被多个网页共用②便于修改，只需修改css文件，不用修改每个网页③提高了网页的显示速度欢迎您的下载，资料仅供参考！致力为企业和个人提供合同协议，策划案计划书，学习资料等等打造全网一站式需求。
静态网站源代码及设计报告1. 引言静态网站是由静态网页组成的网站，页面内容不会随着用户的交互而改变。
与动态网站相比，静态网站的设计和开发相对较简单，并且在性能方面有一定的优势。
本报告将介绍静态网站的源代码和设计，并讨论其特点、优势以及可能的限制。
2. 源代码以下是一个简单的静态网站的源代码示例：html<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>My Static Website</title><link rel="stylesheet" href="styles.css"></head><header><h1>Welcome to My Static Website</h1></header><nav><ul><li><a href="index.html">Home</a></li><li><a href="about.html">About</a></li><li><a href="contact.html">Contact</a></li></ul></nav><main><section><h2>About Me</h2><p>I am a web developer with a passion for creating beautiful and user-friendly websites.</p></section><h2>Contact Me</h2><p>Email: example@example</p><p>Phone: 123-456-7890</p></section></main><footer><p> 2022 My Static Website. All rights reserved.</p></footer></body></html>3. 设计报告3.1 特点静态网站的设计具有以下特点：1. 简单易用：静态网站的设计和开发相对简单，不需要后端服务器和数据库。
静态网页制作方法静态网页制作指的是基于HTML、CSS和JavaScript等前端技术手段创作的网页，它不依赖于后台服务器的数据交互和动态效果。
静态网页制作方法主要包括页面规划、HTML结构设计、CSS样式设计和JavaScript交互设计等方面。
首先，静态网页的制作需要进行页面规划。
在规划阶段，我们需要确定网页的整体结构、布局和导航等内容。
一般可以通过手绘草图或使用设计工具进行页面的原型设计，明确网页的整体风格和内容分布。
接下来，我们需要进行HTML结构设计。
HTML作为网页的骨架，负责搭建网页的结构框架。
我们可以使用文本编辑器如Notepad++或专业的开发工具如WebStorm来编写HTML代码。
在编写HTML代码时，我们需要理解HTML 标签的语义和结构，合理使用各种标签来组织网页的内容。
可以通过创建div、p、h1等标签来分别表示页面中的不同段落、标题等内容，然后使用嵌套和属性等方式来搭建出网页的整体结构。
在完成HTML结构设计后，下一步是进行CSS样式设计。
CSS负责网页的样式布局和外观设计。
通过为HTML元素添加样式属性，我们可以设置字体、颜色、背景、边框等外观效果，从而优化页面的视觉效果和用户体验。
我们可以在HTML 文件中嵌入CSS代码，也可以将CSS代码保存到独立的样式表文件中，然后通过<link>标签链接到HTML文件中。
在使用CSS时，我们需要考虑浏览器兼容性和响应式布局等因素，可以使用CSS预处理语言如Sass或Less等来简化和优化样式的编写。
最后，我们还可以添加JavaScript交互设计来增加网页的动态效果。
通过JavaScript代码，我们可以对网页中的元素进行操作、响应用户的交互行为，并实现一些动态效果如轮播图、表单验证等。
JavaScript可以直接嵌入到HTML 文件中，也可以单独保存到.js文件中，然后通过<script>标签引入到HTML文件中。
HTML静态网页综合设计练习1、在网站clove99中，新建web窗体Index.aspx，在窗体中添加一个块元素DIV，在块中添加一个flash图，代码如下，显示效果如下；<object data="media/logo.swf" type="application/x-shockwave-flash" width="766" height="148"><param name="movie" value="media/logo.swf" /><param name="SCALE" value="exactfit" /><param name="quality" value="high" /><param name="wmode" value="transparent" /></object>2、继续Index.aspx网页设计，在上面内容的后面添加一个块元素DIV，在块中添加如下具有超链的无序列表内容；3、继续Index.aspx网页设计，在上面内容的后面添加一个块元素DIV，在块中添加如下内容（提示：用户登陆用fieldset标记，免费注册和忘记密码用无序列表）；4、继续Index.aspx网页设计，在上面内容的后面添加一个块元素DIV，在块中添加2个具有超链的无序列表，内容如下；5、继续Index.aspx网页设计，在上面内容的后面添加一个块元素DIV，在块中添加如下图片内容；6、继续Index.aspx网页设计，在上面内容的后面添加一个块元素DIV，在块中添加如下具有超链的2幅图；7、继续Index.aspx网页设计，在上面内容的后面添加一个块元素DIV，在块中添加内容如下的自定义列表；8、继续Index.aspx网页设计，在上面内容的后面添加一个块元素DIV，在块中添加内容如下的自定义列表；9、继续Index.aspx网页设计，在上面内容的后面添加一个块元素DIV，在块中添加如下具有超链的无序列表内容；10、继续Index.aspx网页设计，在上面内容的后面添加一个块元素DIV，在块中添加如下具有超链的无序列表内容；11、继续Index.aspx网页设计，在上面内容的后面添加一个块元素DIV，在块中添加如下的文字内容；12、在网站clove99中，新建一个详细内容页details.aspx，加入CSS样式，显示效果如下；谁会忍心说不？五一搞活动拉！紫色，充满诱惑，美丽的小花在美丽的颈边悄悄绽放。
Dreamweaver静态网页Html标记代码汇总网站相关概念Internet是一个全球计算机互相网络，WWW是Internet所提供的一种极其重要的服务，即World Wide Web，简称Web；WWW主要以Web为表现形式，或者说，Web是Web页即网页的载体，我们所说的Web页就是指由HTML（超文本标记语言）这种语言编写的一类特殊文件，通常后缀为*.html或*.htm的页面。
Dreamweaver CS基本应用HTML文档结构：<html></html>：静态网页源代码首尾结构标记，代码内呈现网页所有内容<body bgcolor=”背景色”></body>：网页主体部分<head></head>：网页头部，包含网页导航栏中的标题和网页不显示的信息<title></title>：标签内显示出网页台头的标题名，用于<head></head>标签之内<meta name=”描述” content=”搜索信息” />：辅助性标签，用于<head>标记之内<meta name=”作者” content=”余学兵”>：标注网页的作者<meta name=”关键字” content=”IT，教育，网络”>：设定搜索关键字<meta name=”robots” content=”all”>：告诉搜索机器人需要索取的页面，默认全部<meta http-equiv=”expires” content=”web，26 feb 2010 08：21：57 GMT”>：http-equiv属性代替name属性，expires 设定网页到期时间<meta http-equiv=”refresh” content=”5; url=”>：间隔5秒网页自动刷新，并指向新的URL网址<h2></h2>：表示是一行级别是2号的标题文字，有h1~h6的6级标题可选<font color=”颜色” face=”字体” size=”尺寸”></font>：文字处理标签<pre></pre>：预先格式化，以格式化显示标签中的内容结构<p align=”对齐方式”></p>：段落标记，center(居中)、left(左边)、right(右边)<br />：换行标记，按[shift]+[enter]可实现<b>粗体</b>：粗体字体标记<i>斜体</i>：斜体字体标记<sup>上标</sup>：上标标记文本格式<sub>下标</sub>：下标标记文本格式<ul></ul>：无序列表开始结束标记<li></li>：列表项标记，</li>为可选项<ol start=”数字”></ol>：有序列表开始结束标记，start属性指定列表的起始数字<li type=”有序列表标签”>：有序列表的序列标记，可自定义为数字或字母等<hr align=”对齐位置” width=”长度” size=”高度” noshade=”纯色” color=”颜色”>：水平线标记，可标记水平线的长度、高度、纯色阴影显示、颜色等属性<img align=”图像与文本的对齐方式” src=”图像名称”>：在HTML中插入图像，align属性值：top(头部)、bottom(底部)、middle(居中)、left(居左)、right(居右)<p onclick="MM_popupMsg('你好！')">点击</p>：弹出“你好！”信息的行为<p onmouseover="MM_swapImage('image', '图像路径'),|">点击</p>：弹出图片<embed src=”第一次爱的人.mp3”><embed/>：在网页中插入音频文件<marquee direction=”移动方向” behavior=”设置路径” loop=”循环圈数” bgcolor=”背景色”>：滚动文字字幕，方向属性:down向下、up向上、left向左、right向右<a href=””>咔咔主页</a>：超级链接标记<a href=javascript.alert(“谢谢！”)>点击</a>：对话框脚本链接<a href=”kxncwg.exe”>开心农场外挂下载<a/>：文件下载链接<a href=”news.html”>新闻报道<a/>：相对路径链接（锚记）HTMLHTML表格标记：<table align=”对齐方式”width=”宽度”bgcolor=”背景色”background=”背景图片”border=”边框显隐”cellspacing=”单元格之间间距” cellpadding=”单元格内间距”<caption></caption>：定义表格的标题（可选）<tr></tr>：定义表格的一行<th><th/>：设置表格栏标题（表头），显示为粗体子此标记可以省略<td></td>：用来装载单元格数据，它们必须位于<tr></tr>标记之间链接路径：（链接的类型和目标属性）1.链接类型◆外部链接：跳转到站点外其他网站的链接◆内部链接：站点根目录内文档之间的互相链接，也称为相对文档链接◆E-mail链接：实现打开E-mail客户端应用程序进行撰写、发送邮件的工作◆局部链接：在同一文档内部或不同文档之间指定位置的链接2.链接目标◆_blank：将打开一个新窗口◆_parent：将在父窗口中打开◆_self：将在当前窗口中打开◆_top：将在上级窗口中打开<a name=”命名锚” id=”命名锚id”><a/>：命名锚记插入图像、Flash及其他多媒体对象1．在网页中插入图片和图像占位符打开HTML文档，将插入点放在要插入图像的位置，单击插入栏中“常用”面板的“图像”按钮，或选择“插入”的“图像”命令，在弹出的“选择图像源”对话框中选择要插入的图像，确定即可。
Html语言2.1头部标记：<head></head> <!—描述web页面相关的各种信息-->1.<title></title><!—标题栏标记-->2.<meta><!—描述页面信息--><meta name=”description” contect=”阿里巴巴是（b2b）”/> description是web界面的简要说明<meta name=”Generator” contect=”Microsoft FrontPage 4.0”> Generator指定web界面的生成工具<meta name=”Author” contect=”Nadia”> Author制定web界面的作者姓名<meta name=”Robots” contect=”all|none|index|noindex|follow|nofollow”>3. 1.换行<br>；2.原样显示标记<pre></pre>3.缩排标记<blockquote></blockquote>4.水平线<hr> 属性去3D阴影noshade5.<body backgroud=”bg.jpg”>4．有序列表：<ol type=”1” state=”1”> 样式A I i a<li>…</li><li>…</li></ol>5.无序列表：<ul><li type=”Disc”></li></ul>实心圆圈Disc 空心圆圈Circle 小方块Sqiare6.超链接：锚点链接<a href=”#1”>点击跳转到链接</a><a name=”1”>链接的目标</a>超链接<a href=”” titile=”链接百度网” target=”_blank”>百度</a><a href=”work.html” titile=”链接内部” >内部链接显示在本页</a>外部E-mail链接：<a href=”mailto:334860757@?cc=1525528088@&Subject=网页开发&Body=超链接的使用方法”>向334860757发送邮件</a>7.图片<img src=”bg.jpg” align=”top” width=”100” height=”66”>8.div中添加网页<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>无标题文档</title></head><body><div align="center"><div style="width:800px; height:400px;"><div style="width:80px; height:400px;float:left;"><a href="" target="s">链接一</a><br /><a href="" target="s">链接二</a><br /><a href="" target="s">链接三</a></div><div style="width:720px; height:400px; float:left;"><iframe name="s" id="s" width="720" height="400" frameborder="0"></iframe></div></div></div></body></html>9.控件的代码：滚动字幕<marquee scrollamount=3 FONT style="COLOR=FF0000; FILTER: shadow(color=FFFF33 ); FONT-FAMILY: 隶书; FONT-SIZE: 25pt; WIDTH: 100%"></marquee>音频视频<embed src=”1.avi” loop=”false”></embed>10.样式表内部样式：<font style=”font-family:”楷体”;font-weight:bold;”>嵌入样式：<head><style type=”test.css”></style></head>外部样式：<link href=”样式地址” rel=”stylesheet” type=”text.css”>输入样式表：<style>@import url(http://......)</style>11.鼠标光标属性：<span style=”cursor=move”></span>12.滤镜属性：Filter:alpha(opacity=opcity,…..)Alpha不透明度Blur 图片模糊Chroma 对象指定颜色透明色dropShadow 对象产生投影效果FlipH水平翻转FlipV垂直Glow边缘发光Gray变灰度图Invert可视化属性全部翻转Mask覆盖膜Shadow投影Wave垂直波浪打乱Xray X光照效果13.背景音乐：<bgsound src=e:\mp3\歌曲1\死了都要爱.mp3>。
基本<div>+<css>代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style type="text/css"><!--body,td,th {font-size: 16px;color: #000000;}body {margin-top: 10px;}.STYLE1 {color: #000000}.STYLE2 {color: #00FFFF}--></style></head><link href="index.css" rel="stylesheet"/></head><body><div class="main"><div class="menu"><ul><li class="current"><a href="">首页</a></li><li><a href="">餐饮美食</a></li><li><a href="">休闲娱乐</a></li><li><a href="">美容美发</a></li><li><a href="">关于我们</a></li><li><a href="">收藏我们</a></li><li><a href="">登录</a></li><li><a href="">注册</a></li></ul></div><div class="ad"><img src="images/banner_l1.gif" /></div><div><div class="left"><img src="images/banner.gif" width="475" /> </div> <div class="right"><img src="images/2013050315234570697.gif" width="475" /> </div></div><div><div class="left1"><img src="images/2013051314293280059.gif" width="475"/></div><div class="right1"><img src="images/banner.gif" width="475"/></div></div><div class="left2"><p id="green">推荐<span class="STYLE1">商家</span></p> <ul><li>大丰收鱼庄（福州店）地址：台江万象城4楼</li><li>合作伙伴2</li><li>合作伙伴3</li><li>合作伙伴4</li><li>合作伙伴5</li><li>合作伙伴6</li><li>合作伙伴7</li><li>合作伙伴8</li><li>合作伙伴9</li><li>合作伙伴10</li></ul> <input name="" type="image" src="images/reading.gif" border="0" /> <div><p id="green">餐饮<span class="red">美食</span></p><ul><li>大丰收鱼庄（福州店）</li><li>合作伙伴2</li><li>合作伙伴3</li><li>合作伙伴4</li><li>合作伙伴5</li><li>合作伙伴6</li><li>合作伙伴7</li><li>合作伙伴8</li><li>合作伙伴9</li><li>合作伙伴10</li></ul><input name="" type="image" src="images/reading.gif" border="0" /></div><div><p id="green">休闲<span class="STYLE1">娱乐</span></p><ul><li>大丰收鱼庄（福州店）</li><li>合作伙伴2</li><li>合作伙伴3</li><li>合作伙伴4</li><li>合作伙伴5</li><li>合作伙伴6</li><li>合作伙伴7</li><li>合作伙伴8</li><li>合作伙伴9</li><li>合作伙伴10</li></ul> <input name="" type="image" src="images/reading.gif" border="0" /></div><div><p id="green">美容<span class="STYLE1">美发</span></p><ul><li>大丰收鱼庄（福州店）</li><li>合作伙伴2</li><li>合作伙伴3</li><li>合作伙伴4</li><li>合作伙伴5</li><li>合作伙伴6</li><li>合作伙伴7</li><li>合作伙伴8</li><li>合作伙伴9</li><li>合作伙伴10</li></ul> <input name="" type="image" src="images/reading.gif" border="0" /></div> </div><div class="mid"><table width="1000" border="0" cellspacing="60"><tr><td height="260"><img src="images/t7.jpg" width="200"/></td></tr><tr><td height="300"><span class="last"><img src="images/t6.jpg" width="200"/></span></td></tr><tr><td height="250"><img src="images/t5.jpg" width="200"/></td></tr><tr><td height="300"><img src="images/t4.jpg" width="200"/></td></tr></table></div><div class="right2"><div class="D"><ul><li> </li></ul></div><div class="d"></p><p class="red">餐饮<span class="STYLE2">美食</span></p><li>火锅</li><li>私房菜</li><li>川菜</li><li>粤菜</li><li>自助</li><li>大排档</li></ul> </div><div class="A"><ul><li> </li></ul></div><div class="a"><p class="red">休闲<span class="STYLE2">娱乐</span></p> <ul><li>Home</li><li>TemplateInfo</li><li>Style Demo</li><li>Blog</li><li>Archives</li><li>Web Templates</li></ul></div><div class="B"><ul><li> </li></ul></div><div class="b"><p class="red">美容<span class="STYLE2">美发</span></p> <ul><li>Home</li><li>TemplateInfo</li><li>Style Demo</li><li>Blog</li><li>Archives</li><li>Web Templates</li></ul></div><div class="C"><ul><li> </li></ul></div><div class="c"><p class="red">网站<span class="STYLE2">信息</span></p> <ul><li>总会员数</li><li>新增会员数</li><li>在线会员数</li><li>单日访问量</li><li>总访问量</li></div></div><div class="last"><table width="950" border="0" cellpadding="14.9" cellspacing="15" bgcolor="#CC6600"><tr><td width="190"><img src="images/t1.jpg" /> 樱桃采摘</td><td width="190"><img src="images/t2.jpg" /> 悦木之源</td><td width="190"><img src="images/t3.jpg" /> 串串传奇</td><td width="193"><img src="images/t4.jpg" /> 刷刷锅</td></tr><tr><td><img src="images/t5.jpg" width="190" /> 香格里拉</td><td><img src="images/t6.jpg" width="190" /> 穿衣汇</td><td><img src="images/t7.jpg" width="190" /> 厨房印象</td><td><img src="images/t8.jpg" width="190" /> 膳园</td></tr></table></div></div></body></html>@charset "utf-8";/* CSS Document */.main{ width:950px; border:solid 1px;}.main .menu{width:100%; height:75px; background:url(images/main_bg2.jpg)}.main .menu ul{ list-style:none;margin-left:0px; padding-left:0px}.main .menu ul li{float:left; margin-left:5px; width:110px; height:50px;padding-top:25px; text-align:center}.main .menu ul li a:link{color:#FFFFFF; text-decoration:none}.main .menu ul li a:visited{color:#FFFFFF; text-decoration:none}.main .menu ul li a:hover{ font-weight:bold}.current{ background:url(images/l_menu.gif)}.main .ad{width:95%}.main .left{float:left}.main .right{float:left}.main .left1{float:left}.main .right1{float:left}.main .left2{float:left;width:40%}.main .left2 ul{list-style:none}.main .left2 ul li{border-bottom:dotted 1px}.main .mid{float:left;width:30%}.main .right2{float:right;width:30%}.main .right2 .a{border-bottom-color:#CCCCCC;border-left-color:#CCCCCC;border-top-color:#C CCCCC;border-bottom-style:solid;border-left-style:solid;border-top-style:solid}.main .right2 .b{border-bottom-color:#CCCCCC;border-left-color:#CCCCCC;border-top-color:# CCCCCC;border-bottom-style:solid;border-left-style:solid;border-top-style:solid}.main .right2 .c{border-bottom-color:#CCCCCC;border-left-color:#CCCCCC;border-top-color:#C CCCCC;border-bottom-style:solid;border-left-style:solid;border-top-style:solid}.main .right2 .d{border-bottom-color:#CCCCCC;border-left-color:#CCCCCC;border-top-color:# CCCCCC;border-bottom-style:solid;border-left-style:solid;border-top-style:solid}.main .right2 .A ul{list-style:none}.main .right2 .B ul{list-style:none}.main .right2 .C ul{list-style:none}.main .right2 .D ul{list-style:none}.main .right2 .a ul li{border-bottom:dotted 1px}.main .right2 .b ul li{border-bottom:dotted 1px}.main .right2 .c ul li{border-bottom:dotted 1px}.main .right2 .d ul li{border-bottom:dotted 1px}#green{font-size:24px;color:#00FFFF}.red{font-size:24px;color:#000000}。
