《网页制作案例》网页设计与制作程序代码 例2
【例2-1】强制换行标记的使用 < 强制换行标记的使用</itl <h2 align= ccenter>计算机课程 <h2>程序设计<br>组成原理<br>网页制作<br>操作系统<br></div>
</div>
<div class="content">
<div class="content_bar"><a style="float: right; cursor: pointer; font-weight: normal;" onclick="location.reload();">刷新页面</a>文档预览</div>
<div class="content_body">
<div class="div_rssl"><div class="doc_img_item" id="f62036b1-7231-4414-a5ec-38927d06ea10"><img class="doc_img_ss" src="https://docfiles.xiaokudang.com/upload/docimgs/21/02/20/1726/b21170eccb.jpg@w_250" /><p>《网页设计与制作》程序代码 武汉大学出版社 【例2-1】强制换行标记的使用 计算机课程 程序设计组成原理网页制作操作系统 强制换段标记的使用 南登杜陵上, p>北望五陵间。 p>秋水明落日, p>流光灭远山。 ttfe文字的对齐 body> p align=e>左对齐 p align= enter>居中 右对齐 【例2-4】字体标记的使用 字体标记的使用</ttle</p><p>《网页设计与制作》程序代码 ――武汉大学出版社 【例 2-1】强制换行标记的使用。 强制换行标记的使用 计算机课程 程序设计组成原理网页制作操作系统 【例 2-2】强制换段标记的使用。 强制换段标记的使用 南登杜陵上， 北望五陵间。 秋水明落日， 流光灭远山。 【例 2-3】文字的对齐应用。 文字的对齐 左对齐 居中 右对齐 【例 2-4】字体标记的使用。 字体标记的使用</p></div><div class="doc_img_item" id="8375090c-e85b-47ab-a2cf-398fd8f1711a"><img class="doc_img_ss" src="https://docfiles.xiaokudang.com/upload/docimgs/21/02/20/1726/0e0c1947f7.jpg@w_250" /><p>body> 文字大小的设置: font size="6">这是size=6时的字体 font size="2”>这是size=2时的字体 文字颜色的设置: font color=" black">这是黑色字体 文字字体的设置: 字体设置(楷体) font face="宋体">字体设置(宋体) 字体设置(黑体) 文字字体、大小、颜色同时使用: font size="5" color="red"face="隶书">这是sie=5,颜色为红色的隶书体文字 【例2-5】其他字体标记的使用 ttfe其他字体标记 粗体字 1>斜体字 u>加下划线 >小型字体大型字体 【例2-6】背景颜色设置 ttfe网页背景色的设置 这是 bgcolor="# CCCCCO"时的网页背景色 html 【例2-7】创建不同的有序列表 有序列表示例< title</p><p>文字大小的设置： 这是 size=6 时的字体 这是 size=2 时的字体 文字颜色的设置： 这是黑色字体 文字字体的设置： 字体设置（楷体） 字体设置（宋体） 字体设置（黑体） 文字字体、大小、颜色同时使用： 这是 size=5,颜色为红色的隶书体文字 【例 2-5】其他字体标记的使用。 其他字体标记 粗体字 斜体字 加下划线 小型字体 大型字体 【例 2-6】背景颜色设置。 网页背景色的设置 这是 bgcolor="#CCCCCC"时的网页背景色 【例 2-7】创建不同的有序列表。 有序列表示例</p></div><div class="doc_img_item" id="027f8459-491d-481f-a6ca-a9acc1cfd93c"><img class="doc_img_ss" src="https://docfiles.xiaokudang.com/upload/docimgs/21/02/20/1726/3b2175a8c7.jpg@w_250" /><p>用大写罗马字母表示的有序列表: 列表项1<>列表项2列表项3 编号不连续的有序列表 列表项1<>列表项2列表项3 变换了数字样式的有序列表 <>列表项1<>列表项2 列表项3 【例2-8】嵌套的有序列表。 title>嵌套的有序列表 嵌套的有序列表 列表项1 子列表项1 子列表项2 子列表项3 列表项2 列表项 /html> 【例2-9】无序列表的使用。 默认的无序列表标记: 默认列表项标记 默认列表项标记二 默认列表项标记三</p><p>用大写罗马字母表示的有序列表： 列表项 1列表项 2列表项 3 编号不连续的有序列表 列表项 1 列表项 2列表项 3 变换了数字样式的有序列表 列表项 1列表项 2列表项 3 【例 2-8】嵌套的有序列表。 嵌套的有序列表 嵌套的有序列表 列表项 1 子列表项 1 子列表项 2 子列表项 3 列表项 2 列表项 3 【例 2-9】无序列表的使用。 无序列表示例 默认的无序列表标记： 默认列表项标记一 默认列表项标记二 默认列表项标记三</p></div><div class="doc_img_item" id="99b48a7d-4653-48f8-929a-ecc35a28d6be"><img class="doc_img_ss" src="https://docfiles.xiaokudang.com/upload/docimgs/21/02/20/1726/d178ac8563.jpg@w_250" /><p>使用方块作为无序列表项标记: type="squa 方块列表项标记 方块列表项标记二 <>方块列表项标记三 软件说明 简单介绍软件的功能及基本应用 软件界面 用于选择软件外观 【例2-11】图像标记符的使用 body> p>显示在D盘下 photo文件夹中名为 flower. jpg的图片 【例2-12】创建表格的实例。 ttfe简单表格示例</p><p>使用方块作为无序列表项标记： 方块列表项标记一 方块列表项标记二 方块列表项标记三 【例 2-10】定义型列表标记的使用。 定义型列表示例 定义型列表标记： 软件说明 简单介绍软件的功能及基本应用 软件界面 用于选择软件外观 【例 2-11】图像标记符的使用。 图像标记符 显示在 D 盘下 photo 文件夹中名为 flower.jpg 的图片 【例 2-12】创建表格的实例。 简单表格示例</p></div><div class="doc_img_item" id="862501c6-abab-4593-b1d9-1216b29c8e88"><img class="doc_img_ss" src="https://docfiles.xiaokudang.com/upload/docimgs/21/02/20/1726/fafc351a7d.jpg@w_250" /><p>课程表 星期一 星期二 星期三 星期四 星期五上午 数学 语文 英语 物理 th>下午 英语 【例2-13】制作不规则表格 ttfe合并单元格示例 学生成绩表 学号 个人信息 期末成绩</p><p>课程表 星期一 星期二 星期三 星期四 星期五 上午 数学 语文 英语 物理 哲学 下午 英语 化学 计算机 体育 【例 2-13】制作不规则表格。 合并单元格示例 学生成绩表 学号 个人信息 期末成绩</p></div><div class="doc_img_item" id="ac4333e4-497a-4159-8d72-67751895505e"><img class="doc_img_ss" src="https://docfiles.xiaokudang.com/upload/docimgs/21/02/20/1726/07dbca689c.jpg@w_250" /><p>td>姓名 班级入学时间数学 语文 0008郭靖 80 0009 黄蓉 100 80 caption align="top">表格1 d此表格宽为400像素,边框宽为2像素,高50像素 表格2 韩国朝鲜</p><p>姓名 班级 入学时间 数学 语文 0008 郭靖 一年级二班 2006 年 9 月 29 80 0009 黄蓉 五年级一班 2006 年 9 月 100 80 【例 2-14】本例显示了如何影响表格宽度及单元格内和单元格间的空白。 表格尺寸设置 表格 1 此表格宽为 400 像素，边框宽为 2 像素，高 50 像素 表格 2 中国韩国朝鲜</p></div><div class="doc_img_item" id="8af0f9a9-c42e-4785-89e0-c35ce9dcd3ad"><img class="doc_img_ss" src="https://docfiles.xiaokudang.com/upload/docimgs/21/02/20/1726/b3b143a001.jpg@w_250" /><p>印度新加坡缅甸越南菲律宾 表格3韩国朝鲜 新加坡马来西亚缅甸越南菲律宾 【例2-15】用HIML代码实现表格设置边框和分隔线时的显示效果。 我的行程表 星期一 th>星期二 星期三 星期四 星期五 d>北京 td>黑龙江</p><p>印度新加坡马来西亚 缅甸越南菲律宾 表格 3 中国 韩国朝鲜 印度新加坡马来西亚 缅甸越南菲律宾 【例 2-15】用 HTML 代码实现表格设置边框和分隔线时的显示效果。 表格分隔线示例 我的行程表 星期一 星期二 星期三 星期四 星期五 北京 北京 黑龙江</p></div><div class="doc_img_item" id="5c42fc46-57ad-4b9f-808e-3d034fa31b82"><img class="doc_img_ss" src="https://docfiles.xiaokudang.com/upload/docimgs/21/02/20/1726/ab0ccf576a.jpg@w_250" /><p>黑龙江吉林 江苏 【例2-16】用HIML代码实现单元格内容的水平对齐 ttle表格数据的水平对齐 表格数据的水平对齐 右 右 居中 居中左左</p><p>黑龙江 吉林 吉林 吉林 广东 广东 广东 内蒙古 内蒙古 内蒙古 江苏 江苏 【例 2-16】用 HTML 代码实现单元格内容的水平对齐。 表格数据的水平对齐 表格数据的水平对齐 本行数据右对齐 右 右 居中 本行数据为居中对齐 居中 左 左 本行数据为默认左对齐</p></div><div class="doc_img_item" id="0ad2175b-ab3a-4bb2-b876-d68ff9ff6122"><img class="doc_img_ss" src="https://docfiles.xiaokudang.com/upload/docimgs/21/02/20/1726/83bbdf386a.jpg@w_250" /><p>【例2-17】用HIML代码实现单元格内容垂直对齐的效果 表格数据的垂直对齐 表格数据的垂直对齐 aption> 上海大众 德国奔驰 valign的默认值 德国宝马 valign=bot body> 为了显示效果,为表 格添加了边框</p><p>【例 2-17】用 HTML 代码实现单元格内容垂直对齐的效果。 表格数据的垂直对齐 表格数据的垂直对齐 上海大众 valign=top 德国奔驰 valign 的默认值 德国宝马 valign=bottom 【例 2-18】用 HTML 代码将页面划分为四个部分。 设置单元格大小 为了显示效果，为表 格添加了边框</p></div><div class="doc_img_item" id="18d5870b-0435-4df5-a104-44e891dc0cee"><img class="doc_img_ss" src="https://docfiles.xiaokudang.com/upload/docimgs/21/02/20/1726/4ff7bcedff.jpg@w_250" /><p> 【例2-19】以下HIML代码显示了设置表格和单元格背景的效果。 ctd width="400” height="80" colspan="3" align=" center'">表格和单元格背景设 置 单元格背景色 单元格背景图案 /table> 【例2-20】框架集网页示例 ttfe框架集网页示例 html 【例2-21】以下框架集将窗口在垂直方向上分为3个框架,上下两个框架分别为80像素高 中间的框架占窗口的剩余部分 html></p><p> 【例 2-19】以下 HTML 代码显示了设置表格和单元格背景的效果。 设置表格和单元格的背景 表格和单元格背景设 置 单元格背景色 单元格背景图案 【例 2-20】框架集网页示例。 框架集网页示例 【例 2-21】以下框架集将窗口在垂直方向上分为 3 个框架，上下两个框架分别为 80 像素高， 中间的框架占窗口的剩余部分</p></div></div>
<div class="doc_rest doc_bindnext"><span>共13页，试读已结束，阅读完整版请下载</span></div>
</div>
</div>
<div class="content">
<div class="content_bar"><a style="float: right; cursor: pointer; font-weight: normal;" onclick="location.reload();">刷新页面</a>下载完整文档</div>
<div class="content_body">VIP每日下载上限内不扣除下载券和下载次数；<br />按次数下载不扣除下载券；<br />注册用户24小时内重复下载只扣除一次；<br />顺序：VIP每日次数-->可用次数-->下载券；</div>
</div>
<div class="link_down"><a onclick="return openDownload();">点击下载完整版文档（DOC）</a></div>
<div class="content">
<div class="content_bar">相关文档</div>
<div class="content_body"><ul><li><a href="/wenku/a840cd5d8fbf4e05ae751698a10f4107.html" target="_blank">高等教育出版社：《计算机组成原理》课程教学资源（第2版，PPT电子教案，共十章，唐朔飞）.pps</a></li><li><a href="/wenku/410dcf7cad8041f58ce45415c78e8ce2.html" target="_blank">中国教育认证：《CorelDrawCorel II》教学大纲.pdf</a></li><li><a href="/wenku/f41e32bce7294e98b6348d6f05994c80.html" target="_blank">《计算机二级Visual FoxPro》课程教学资源（笔试历年真卷）笔试历年真卷 2008年9月二级VF真卷.pdf</a></li><li><a href="/wenku/9c2a82472e504308a0d1f942a4dc0ff6.html" target="_blank">《计算机二级Visual FoxPro》课程教学资源（笔试历年真卷）笔试历年真卷 2008年9月笔试试卷参考答案.pdf</a></li><li><a href="/wenku/e91ab14bfc6c4b6d84a5fa50b0924f37.html" target="_blank">《计算机二级Visual FoxPro》课程教学资源（笔试历年真卷）笔试历年真卷 2008年4月二级VF真卷.pdf</a></li><li><a href="/wenku/25cafb8e30a44fc7b094f7bb43078c72.html" target="_blank">《计算机二级Visual FoxPro》课程教学资源（笔试历年真卷）笔试历年真卷 2008年4月笔试试卷参考答案.pdf</a></li><li><a href="/wenku/0490f08ba0ac4201897141c09c0d6b67.html" target="_blank">《计算机二级Visual FoxPro》课程教学资源（笔试历年真卷）笔试历年真卷 2007年9月二级VF真卷.pdf</a></li><li><a href="/wenku/66fb5e6dc974466cb79c17f4246d32e6.html" target="_blank">《计算机二级Visual FoxPro》课程教学资源（笔试历年真卷）笔试历年真卷 2007年9月笔试试卷参考答案.pdf</a></li><li><a href="/wenku/83a073fb55034d6b8263106b9b2f8fa3.html" target="_blank">2007年4月全国计算机等级考试二级笔试试卷VisualFoxPro数据库程序设计.pdf</a></li><li><a href="/wenku/dd00c8c25eda4d71a032282c09f9ae57.html" target="_blank">《计算机二级Visual FoxPro》课程教学资源（笔试历年真卷）笔试历年真卷 2007年4月笔试试卷参考答案.pdf</a></li><li><a href="/wenku/8dd80766d94f41039fccf5f98c6eb28f.html" target="_blank">《计算机二级Visual FoxPro》课程教学资源（笔试历年真卷）笔试历年真卷 2006年9月二级VF真卷.pdf</a></li><li><a href="/wenku/c183369cd69248fc879491e0716f0472.html" target="_blank">《计算机二级Visual FoxPro》课程教学资源（笔试历年真卷）笔试历年真卷 2006年9月笔试试卷参考答案.pdf</a></li><li><a href="/wenku/389795e3c3dd4314b580af20872cdec6.html" target="_blank">《计算机二级Visual FoxPro》课程教学资源（笔试历年真卷）笔试历年真卷 2006年4月二级VF真卷.pdf</a></li><li><a href="/wenku/6330b8b107484ff4bab16a3065a4496d.html" target="_blank">《计算机二级Visual FoxPro》课程教学资源（笔试历年真卷）笔试历年真卷 2006年4月笔试试卷参考答案.pdf</a></li><li><a href="/wenku/ed631b28d3f34092a6a5fdb86c6c8840.html" target="_blank">《计算机二级Visual FoxPro》课程教学资源（笔试历年真卷）笔试历年真卷 2005年9月二级VF真卷.pdf</a></li><li><a href="/wenku/495a6424676a4536946c1e0c294e129f.html" target="_blank">《计算机二级Visual FoxPro》课程教学资源（笔试历年真卷）笔试历年真卷 2005年9月笔试试卷参考答案.pdf</a></li><li><a href="/wenku/8dac10ab8a724d3188e0c4c21d6c86f0.html" target="_blank">《计算机二级Visual FoxPro》课程教学资源（笔试历年真卷）笔试历年真卷 2005年4月二级VF真卷.pdf</a></li><li><a href="/wenku/7d243218fb524daa8aa3a1a25e684cfc.html" target="_blank">《计算机二级Visual FoxPro》课程教学资源（笔试历年真卷）笔试历年真卷 2005年4月笔试试卷参考答案.pdf</a></li><li><a href="/wenku/5574464099fb4447a5c4dfe6fc2f7fbe.html" target="_blank">清华大学出版社：《数据结构（C语言版）》课程教材PDF电子书（共十二章）.pdf</a></li><li><a href="/wenku/b17c9848986a48a2b60ddfbeda83c03e.html" target="_blank">《微型计算机原理与接口技术》第9章 并行接口.ppt</a></li><li><a href="/wenku/3b86cad1843542ff934189d3a2914f54.html" target="_blank">《网页制作案例》网页设计与制作程序代码例3.doc</a></li><li><a href="/wenku/cc6933b835c444d989bdca3c6ddfd57b.html" target="_blank">《网页制作案例》网页设计与制作程序代码例4.doc</a></li><li><a href="/wenku/8714b6d839a14240a58e11a798c815ea.html" target="_blank">《网页制作案例》网页设计与制作程序代码例6.doc</a></li><li><a href="/wenku/dc518aecf16f42d39b108704378f919f.html" target="_blank">《网页制作案例》网页设计与制作程序代码例9.doc</a></li><li><a href="/wenku/271fdfa8bda0481e92f82f355abd81eb.html" target="_blank">《网页制作案例》例6 用ID标记定义CSS样式表实例.doc</a></li><li><a href="/wenku/e34ffbfe255b4d7aa09c6a5685a1e94b.html" target="_blank">《网页制作案例》例2-23用HIML代码为框架设置初始页面.doc</a></li><li><a href="/wenku/fd3cf01a34984b0ba9e76c180fb25ea7.html" target="_blank">《网页制作案例》例3-1文字与背景颜色搭配.doc</a></li><li><a href="/wenku/5004ccc343e74096ba118c481fbc1d9f.html" target="_blank">《网页制作案例》例9-2表单实例.doc</a></li><li><a href="/wenku/d24eecb95a8e42849b187699e60c8863.html" target="_blank">《网页制作案例》完整的留言板程序代码.doc</a></li><li><a href="/wenku/4ebf315724074daf936c854b01d0e206.html" target="_blank">《网页制作案例》例9-5网站投票.doc</a></li><li><a href="/wenku/10a54b6ec3d9491b8f6098ff06df74e7.html" target="_blank">《网页制作案例》留言板程序.doc</a></li><li><a href="/wenku/b41f6b35aeac4e5f9b5f884ecf653026.html" target="_blank">《网页制作案例》综合编程实例.doc</a></li><li><a href="/wenku/317df27da1c244a0bf26611758ff58c7.html" target="_blank">《网页制作案例》聊天室示例.doc</a></li><li><a href="/wenku/2637391687be4a479bcc9f38a41faa90.html" target="_blank">《C语言程序设计源代码》C011求最大数.doc</a></li><li><a href="/wenku/c79d2f814f9f4123b954835ff31376cf.html" target="_blank">《C语言程序设计源代码》C0710输出n个字符后的所有字符.doc</a></li><li><a href="/wenku/1f62dde2e0bb4c31ae4e5f63138b140a.html" target="_blank">《C语言程序设计源代码》C0711函数调用实现字符串复制.doc</a></li><li><a href="/wenku/48460e9f6343471f86c2b07cbb1fb5c4.html" target="_blank">《C语言程序设计源代码》C0712一般变量作参数不能实现交换.doc</a></li><li><a href="/wenku/4c04764c8b2940d3aacd98b56ba6b253.html" target="_blank">《C语言程序设计源代码》C0713两种方法比较两个数大小.doc</a></li><li><a href="/wenku/ecfde7043da849dba142dcc0ed7f894f.html" target="_blank">《C语言程序设计源代码》C0714函数指针的使用.doc</a></li><li><a href="/wenku/b6def1774c334a10aa734691b3b6c1af.html" target="_blank">《C语言程序设计源代码》C071用&运算符查看.doc</a></li></ul></div>
</div>
</div>
<div class="footer"><div class="copyright">Copyright © 2008-现在 cucdc.com<br />高等教育资讯网 版权所有</div></div>
</div>
<script type="text/javascript">
var resourceId = "44286cff18444ebb96a5ba2e5f7a6e02";
var resourceToken = "72e52f94f92e40848c71fa3018dfd667";
var filePages = 13;
var pageSize = 10;
var pagerCount = 1;
var yuFilePreviewPages = 0;
var fileEndPageIndex = 10;
var currentPagerIndex = 1;
</script>
<script src="/aspx/wkview.js?__t=202506161415"></script>
<div id="tongji"><script type="text/javascript" src="http://www.cucdc.com/js/tongji.js?__t=20250616"></script></div>
</body>
</html>