当前位置：
和泉文库 >
计算机 > 《网页制作案例》网页设计与制作程序代码 例2
《网页制作案例》网页设计与制作程序代码 例2
【例2-1】强制换行标记的使用 <
强制换行标记的使用</itl <h2 align= ccenter>计算机课程 <h2>程序设计<br>组成原理<br>网页制作<br>操作系统<br></div>
<div class="doc_att">文件格式：DOC，文件大小：64.5KB，售价：3.87元</div>
</div>
<div class="doc_main">
<div class="doc_main_in" id="docDetail">
<div class="doc_imgs">
<div class="doc_imgs_bar">文档详细内容（约13页）</div>
<div class="doc_img">
<img class="doc_img_ss" data-src="https://docfiles.xiaokudang.com/upload/docimgs/21/02/20/1726/b21170eccb.jpg" src='https://docfiles.xiaokudang.com/upload/docimgs/21/02/20/1726/b21170eccb.jpg' />
<p class="hidden">《网页设计与制作》程序代码 武汉大学出版社 【例2-1】强制换行标记的使用 <ttfe强制换行标记的使用</ title> <head> <h2 align= center>计算机课程 <h2>程序设计<br>组成原理<br>网页制作<br>操作系统<br html 【例2-2】强制换段标记的使用。 html> <head> <ttle>强制换段标记的使用</ title> <body> 南登杜陵上, p>北望五陵间。<p> p>秋水明落日,<p> p>流光灭远山。<p> </body> </html 【例2-3】文字的对齐应用 <html> ttfe文字的对齐</ title < head> body> p align=e>左对齐 p align= enter>居中 <p align= right>右对齐 </html> 【例2-4】字体标记的使用 <ttle>字体标记<Font>的使用</ttle</p><p class="hidden">《网页设计与制作》程序代码 ――武汉大学出版社 【例 2-1】强制换行标记的使用。 <html> <head> <title>强制换行标记的使用</title> </head> <body> <h2 align=center>计算机课程 </h2>程序设计<br>组成原理<br>网页制作<br>操作系统<br> </body> </html> 【例 2-2】强制换段标记的使用。 <html> <head> <title>强制换段标记的使用</title> </head> <body> <p>南登杜陵上，</p> <p>北望五陵间。</p> <p>秋水明落日，</p> <p>流光灭远山。</p> </body> </html> 【例 2-3】文字的对齐应用。 <html> <head> <title>文字的对齐<／title> <／head> <body> <p align=left>左对齐 <p align=center>居中 <p align=right>右对齐 <／body> <／html> 【例 2-4】字体标记的使用。 <html> <head> <title>字体标记<Font>的使用</title> </head></p>
</div>
<div class="doc_img">
<img class="doc_img_ss" data-src="https://docfiles.xiaokudang.com/upload/docimgs/21/02/20/1726/0e0c1947f7.jpg" src='https://docfiles.xiaokudang.com/upload/docimgs/21/02/20/1726/0e0c1947f7.jpg' />
<p class="hidden">body> 文字大小的设置:<br> font size="6">这是size=6时的字体</font><br> font size="2”>这是size=2时的字体</font><br><br> 文字颜色的设置:<br> font color=" black">这是黑色字体</font><br><br> 文字字体的设置:<br> < font face="楷体GB2312">字体设置(楷体)</font><br> font face="宋体">字体设置(宋体)<font><br> < font faces="黑体">字体设置(黑体)<font><br><br> 文字字体、大小、颜色同时使用:<br> font size="5" color="red"face="隶书">这是sie=5,颜色为红色的隶书体文字 </font> <body /htmI> 【例2-5】其他字体标记的使用 <html> ttfe其他字体标记</ title> <b>粗体字</b><br><br> 1>斜体字</><br><br> u>加下划线</u><br><br> < small>>小型字体<smal<br><br <bg>大型字体<big> <html> 【例2-6】背景颜色设置 ttfe网页背景色的设置< /title s/head> <body bgcolor="#CCCCCC"> 这是 bgcolor="# CCCCCO"时的网页背景色 <body> html 【例2-7】创建不同的有序列表 <html> <head> <ttle>有序列表示例< title</p><p class="hidden"><body> 文字大小的设置：<br> <font size="6">这是 size=6 时的字体</font><br> <font size="2">这是 size=2 时的字体</font><br><br> 文字颜色的设置：<br> <font color="black">这是黑色字体</font><br><br> 文字字体的设置：<br> <font face="楷体_GB2312">字体设置（楷体）</font><br> <font face="宋体">字体设置（宋体）</font><br> <font face="黑体">字体设置（黑体）</font><br><br> 文字字体、大小、颜色同时使用：<br> <font size="5" color="red" face="隶书">这是 size=5,颜色为红色的隶书体文字 </font> </body> </html> 【例 2-5】其他字体标记的使用。 <html> <head> <title>其他字体标记</title> </head> <body> <b>粗体字</b><br><br> <i>斜体字</i><br><br> <u>加下划线</u><br><br> <small>小型字体</small><br><br> <big>大型字体</big> </body> </html> 【例 2-6】背景颜色设置。 <html> <head> <title>网页背景色的设置</title> </head> <body bgcolor="#CCCCCC"> 这是 bgcolor="#CCCCCC"时的网页背景色 </body> </html> 【例 2-7】创建不同的有序列表。 <html> <head> <title>有序列表示例</title></p>
</div>
<div class="doc_img">
<img class="doc_img_ss" data-src="https://docfiles.xiaokudang.com/upload/docimgs/21/02/20/1726/3b2175a8c7.jpg" src='https://docfiles.xiaokudang.com/upload/docimgs/21/02/20/1726/3b2175a8c7.jpg' />
<p class="hidden"><head> 用大写罗马字母表示的有序列表: <ol type="I"> <l讠>列表项1<>列表项2<l>列表项3 编号不连续的有序列表 <o><l>列表项1<>列表项2< dli value="5">列表项3</o> 变换了数字样式的有序列表 <ol><>列表项1<>列表项2 <li types="A">列表项3</ol> 【例2-8】嵌套的有序列表。 <html> title>嵌套的有序列表< title s/head> <body> <h2>嵌套的有序列表</h2> <l>列表项1 <o><l讠>子列表项1 <l>子列表项2 <l>子列表项3 </ol> <l>列表项2 <i>列表项 /html> 【例2-9】无序列表的使用。 <head> <ttle无序列表示例<ttle> <head> 默认的无序列表标记: <讠>默认列表项标记 <li>默认列表项标记二 <l>默认列表项标记三 </ul></p><p class="hidden"></head> <body> 用大写罗马字母表示的有序列表： <ol type="I"> <li>列表项 1<li>列表项 2<li>列表项 3 </ol> 编号不连续的有序列表 <ol><li>列表项 1<li> 列表项 2<li value="5">列表项 3</ol> 变换了数字样式的有序列表 <ol><li>列表项 1<li>列表项 2<li type="A">列表项 3</ol> </body> </html> 【例 2-8】嵌套的有序列表。 <html> <head> <title>嵌套的有序列表</title> </head> <body> <h2>嵌套的有序列表</h2> <ol type="A"> <li>列表项 1 <ol><li>子列表项 1 <li>子列表项 2 <li>子列表项 3 </ol> <li>列表项 2 <li>列表项 3 </ol> </body> </html> 【例 2-9】无序列表的使用。 <html> <head> <title>无序列表示例</title> </head> <body> 默认的无序列表标记： <ul> <li>默认列表项标记一 <li>默认列表项标记二 <li>默认列表项标记三 </ul></p>
</div>
<div class="doc_img">
<img class="doc_img_ss" data-src="https://docfiles.xiaokudang.com/upload/docimgs/21/02/20/1726/d178ac8563.jpg" src='https://docfiles.xiaokudang.com/upload/docimgs/21/02/20/1726/d178ac8563.jpg' />
<p class="hidden">使用方块作为无序列表项标记: type="squa <i>方块列表项标记 <li>方块列表项标记二 <>方块列表项标记三 <html 【例2-10】定义型列表标记的使用。 <ttle定义型列表示例</ttle 定义型列表标记 <dI> <dt>软件说明 <dd>简单介绍软件的功能及基本应用 <dt>软件界面 <dd>用于选择软件外观 </dl> 【例2-11】图像标记符的使用 <html> <ttfe图像标记符</ title> body> p>显示在D盘下 photo文件夹中名为 flower. jpg的图片<p <img src="file: ///D:/photo/flower jpg"width=210"height=180"align="left"> 【例2-12】创建表格的实例。 ttfe简单表格示例< title <head></p><p class="hidden">使用方块作为无序列表项标记： <li type="square"> <li>方块列表项标记一 <li>方块列表项标记二 <li>方块列表项标记三 </ul> </body> </html> 【例 2-10】定义型列表标记的使用。 <html> <head> <title>定义型列表示例</title> </head> <body> 定义型列表标记： <dl> <dt>软件说明 <dd>简单介绍软件的功能及基本应用 <dt>软件界面 <dd>用于选择软件外观 </dl> </body> </html> 【例 2-11】图像标记符的使用。 <html> <head> <title>图像标记符</title> </head> <body> <p>显示在 D 盘下 photo 文件夹中名为 flower.jpg 的图片</p> <img src="file:///D：/photo/flower.jpg" width="210" height="180"align="left"> </body> </html> 【例 2-12】创建表格的实例。 <html> <head> <title>简单表格示例</title> </head> <body></p>
</div>
<div class="doc_img">
<img class="doc_img_ss" data-src="https://docfiles.xiaokudang.com/upload/docimgs/21/02/20/1726/fafc351a7d.jpg" src='https://docfiles.xiaokudang.com/upload/docimgs/21/02/20/1726/fafc351a7d.jpg' />
<p class="hidden">< table border="1">< caption align="top">课程表< caption> <td>星期一</td> <td>星期二</td> <td>星期三<td> <td>星期四</td> <td>星期五<td th>上午<th> <td>数学<td> <td>语文<td> <td>英语</td> <td>物理<td> <td哲学</td <tr> th>下午</th> <td>英语</td <td></td> <td化学</td <td计算机<td> <td体育</t </table> <html> 【例2-13】制作不规则表格 ttfe合并单元格示例</ttle→ s/head> <body> <table border> < caption align="op">< cfont face="黑体"size="4">学生成绩表<font> </caption> <tr> < h rowspan="2">学号<th> < h colspan="3">个人信息<th> < <th colspan="2">期末成绩<th> </tr></p><p class="hidden"><table border="1"><caption align="top">课程表</caption> <tr> <td> </td> <td>星期一</td> <td>星期二</td> <td>星期三</td> <td>星期四</td> <td>星期五</td> </tr> <tr> <th>上午</th> <td>数学</td> <td>语文</td> <td>英语</td> <td>物理</td> <td>哲学</td> </tr> <tr> <th>下午</th> <td>英语</td> <td></td> <td>化学</td> <td>计算机</td> <td>体育</td> </tr> </table> </body> </html> 【例 2-13】制作不规则表格。 <html> <head> <title>合并单元格示例</title> </head> <body> <table border> <caption align="top"><font face="黑体" size="4">学生成绩表</font> </caption> <tr> <th rowspan="2">学号</th> <th colspan="3">个人信息</th> <th colspan="2">期末成绩</th> </tr></p>
</div>
</div>
<div class="doc_main_foot">
<div class="doc_main_foot_down"><span id="doc_center_down" class="doc_act_down">点击进入文档下载页（DOC格式）</span></div>
<div class="doc_loadpreview doc_loadnext"><span>共13页，试读已结束，阅读完整版请下载</span></div>
</div>
</div>
<div class="doc_main_left">
<div class="doc_main_relate" id="docRelate">
<p class="doc_main_relate_bar">您可能感兴趣的文档</p>
<ul class="doc_main_relate_list">
<li><i class="ico_s_data ico_s_ppt"></i><a href="/docs/view/a840cd5d8fbf4e05ae751698a10f4107.html" target="_blank">高等教育出版社：《计算机组成原理》课程教学资源（第2版，PPT电子教案，共十章，唐朔飞）</a></li><li><i class="ico_s_data ico_s_pdf"></i><a href="/docs/view/410dcf7cad8041f58ce45415c78e8ce2.html" target="_blank">中国教育认证：《CorelDrawCorel II》教学大纲</a></li><li><i class="ico_s_data ico_s_pdf"></i><a href="/docs/view/f41e32bce7294e98b6348d6f05994c80.html" target="_blank">《计算机二级Visual FoxPro》课程教学资源（笔试历年真卷）笔试历年真卷 2008年9月二级VF真卷</a></li><li><i class="ico_s_data ico_s_pdf"></i><a href="/docs/view/9c2a82472e504308a0d1f942a4dc0ff6.html" target="_blank">《计算机二级Visual FoxPro》课程教学资源（笔试历年真卷）笔试历年真卷 2008年9月笔试试卷参考答案</a></li><li><i class="ico_s_data ico_s_pdf"></i><a href="/docs/view/e91ab14bfc6c4b6d84a5fa50b0924f37.html" target="_blank">《计算机二级Visual FoxPro》课程教学资源（笔试历年真卷）笔试历年真卷 2008年4月二级VF真卷</a></li><li><i class="ico_s_data ico_s_pdf"></i><a href="/docs/view/25cafb8e30a44fc7b094f7bb43078c72.html" target="_blank">《计算机二级Visual FoxPro》课程教学资源（笔试历年真卷）笔试历年真卷 2008年4月笔试试卷参考答案</a></li><li><i class="ico_s_data ico_s_pdf"></i><a href="/docs/view/0490f08ba0ac4201897141c09c0d6b67.html" target="_blank">《计算机二级Visual FoxPro》课程教学资源（笔试历年真卷）笔试历年真卷 2007年9月二级VF真卷</a></li><li><i class="ico_s_data ico_s_pdf"></i><a href="/docs/view/66fb5e6dc974466cb79c17f4246d32e6.html" target="_blank">《计算机二级Visual FoxPro》课程教学资源（笔试历年真卷）笔试历年真卷 2007年9月笔试试卷参考答案</a></li><li><i class="ico_s_data ico_s_pdf"></i><a href="/docs/view/83a073fb55034d6b8263106b9b2f8fa3.html" target="_blank">2007年4月全国计算机等级考试二级笔试试卷VisualFoxPro数据库程序设计</a></li><li><i class="ico_s_data ico_s_pdf"></i><a href="/docs/view/dd00c8c25eda4d71a032282c09f9ae57.html" target="_blank">《计算机二级Visual FoxPro》课程教学资源（笔试历年真卷）笔试历年真卷 2007年4月笔试试卷参考答案</a></li><li><i class="ico_s_data ico_s_pdf"></i><a href="/docs/view/8dd80766d94f41039fccf5f98c6eb28f.html" target="_blank">《计算机二级Visual FoxPro》课程教学资源（笔试历年真卷）笔试历年真卷 2006年9月二级VF真卷</a></li><li><i class="ico_s_data ico_s_pdf"></i><a href="/docs/view/c183369cd69248fc879491e0716f0472.html" target="_blank">《计算机二级Visual FoxPro》课程教学资源（笔试历年真卷）笔试历年真卷 2006年9月笔试试卷参考答案</a></li><li><i class="ico_s_data ico_s_doc"></i><a href="/docs/view/3b86cad1843542ff934189d3a2914f54.html" target="_blank">《网页制作案例》网页设计与制作程序代码例3</a></li><li><i class="ico_s_data ico_s_doc"></i><a href="/docs/view/cc6933b835c444d989bdca3c6ddfd57b.html" target="_blank">《网页制作案例》网页设计与制作程序代码例4</a></li><li><i class="ico_s_data ico_s_doc"></i><a href="/docs/view/8714b6d839a14240a58e11a798c815ea.html" target="_blank">《网页制作案例》网页设计与制作程序代码例6</a></li><li><i class="ico_s_data ico_s_doc"></i><a href="/docs/view/dc518aecf16f42d39b108704378f919f.html" target="_blank">《网页制作案例》网页设计与制作程序代码例9</a></li><li><i class="ico_s_data ico_s_doc"></i><a href="/docs/view/271fdfa8bda0481e92f82f355abd81eb.html" target="_blank">《网页制作案例》例6 用ID标记定义CSS样式表实例</a></li><li><i class="ico_s_data ico_s_doc"></i><a href="/docs/view/e34ffbfe255b4d7aa09c6a5685a1e94b.html" target="_blank">《网页制作案例》例2-23用HIML代码为框架设置初始页面</a></li><li><i class="ico_s_data ico_s_doc"></i><a href="/docs/view/fd3cf01a34984b0ba9e76c180fb25ea7.html" target="_blank">《网页制作案例》例3-1文字与背景颜色搭配</a></li><li><i class="ico_s_data ico_s_doc"></i><a href="/docs/view/5004ccc343e74096ba118c481fbc1d9f.html" target="_blank">《网页制作案例》例9-2表单实例</a></li><li><i class="ico_s_data ico_s_doc"></i><a href="/docs/view/d24eecb95a8e42849b187699e60c8863.html" target="_blank">《网页制作案例》完整的留言板程序代码</a></li><li><i class="ico_s_data ico_s_doc"></i><a href="/docs/view/4ebf315724074daf936c854b01d0e206.html" target="_blank">《网页制作案例》例9-5网站投票</a></li><li><i class="ico_s_data ico_s_doc"></i><a href="/docs/view/10a54b6ec3d9491b8f6098ff06df74e7.html" target="_blank">《网页制作案例》留言板程序</a></li><li><i class="ico_s_data ico_s_doc"></i><a href="/docs/view/b41f6b35aeac4e5f9b5f884ecf653026.html" target="_blank">《网页制作案例》综合编程实例</a></li>
</ul>
</div>
</div>
<div class="doc_main_right">
<div class="doc_main_right_down doc_act_down">点击购买下载（DOC）</div>
<div class="doc_main_relate" id="docShouhou">
<style>.text_indent_unset li { text-indent: 0; }</style>
<p class="doc_main_relate_bar">下载及服务说明</p>
<ul class="doc_main_relate_list text_indent_unset"><li>购买前请先查看本文档预览页，确认内容后再进行支付；</li><li>如遇文件无法下载、无法访问或其它任何问题，可发送电子邮件反馈，核实后将进行文件补发或退款等其它相关操作；</li><li>邮箱：<script>document.write('xiazaima111&163.com'.replace('&', '@'));</script></li></ul>
</div>
<div class="doc_main_relate" id="docHistory">
<style>.text_indent_unset li { text-indent: 0; }</style>
<p class="doc_main_relate_bar">文档浏览记录</p>
<ul class="doc_main_relate_list text_indent_unset">
<li><a href="/docs/view/44286cff18444ebb96a5ba2e5f7a6e02.html" target="_blank">《网页制作案例》网页设计与制作程序代码 例2</a></li>
</ul>
</div>
</div>
</div>
<div class="doc_left"><a class="doc_act_down" title="下载文档"></a><a class="doc_act_user" title="用户中心"></a><a class="doc_act_qrcode" title="二维码"></a><a href="/docs/view/a840cd5d8fbf4e05ae751698a10f4107.html" target="_blank" class="doc_act_last" title="高等教育出版社：《计算机组成原理》课程教学资源（第2版，PPT电子教案，共十章，唐朔飞）"></a><a class="doc_act_top" title="返回顶部"></a></div>
</div>
</div>
<div class="page_foot" id="page_foot"><div class="foot_in f12">©2025 mall.hezhiquan.com 和泉文库</div></div>
<script type="text/javascript">
var resourceId = "44286cff18444ebb96a5ba2e5f7a6e02";
var resourceToken = "72e52f94f92e40848c71fa3018dfd667";
var isPageMainVisible = true; //docview.js要用
var filePages = 13;
var pageSize = 5;
var pagerCount = 1;
var yuFilePreviewPages = 0;
var fileEndPageIndex = 5;
var currentPagerIndex = 1;
var downloadRedirectHttpHost = 'http://download.mall.hezhiquan.com';
</script>
<script src="/assets/docview.js?__t=2025050603"></script>
<script src="/assets/stats.js?__t=2025050603"></script>
</body>
</html>
<!-- 2025/5/6 3:15:48, get resource info: 65 ms; all: 65 ms; --> 