课 时 第2周 第 1-2 课时 2009 年 9月 日 课题：HTML基础（一） 一、教学目的： 掌握用HTML语言设置文本格式、列表格式及使用表格。 二、教学重点： 掌握用HTML语言设置文本格式、列表格式及使用表格。 三、教学难点： 用HTML语言设计表格及表格的用途。 四、教学方法： 以投影仪辅助讲解为主，利用多媒体计算机、投影仪和黑板进行穿插教学 五、教学用具： 黑板、多媒体计算机、投影仪、CAI课件 六、教学过程： 1、课前导入： HTML（Hyper Markup Language,超文本标注语言）是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档，它能于各种操作系统平台，自1990年以来，HTML就一直被用于WWW上的信息表示语言，用于描述HomePage的格式设计和它与WWW上其他HomePage的连接信息。 HTML是构成网页最基本的要素，虽然我们这门课专门讨论ASP网页设计，但是由于ASP程序是内嵌在一般的HTML标记中的，而且ASP程序经服务器解析之后，到头来完全都以HTML的格式将程序最后的结果呈现在客户端的浏览器上，因此熟练掌握HTML语言是制作ASP网页的必备基础，所以接下来的二节课里我们就要重点学习HTML的文档结构以及各种语法。 2、讲授新课: 一、 HTML文档基本结构标注 HTML标注的影响范围在区块之内，而且不区分大小写 1、 Html 表示被所包围起来的内容是一份html文件，此标注可以省略 2、 Head 此标注用来证明此份文件作者等信息，除了
会显示在浏览器的标题栏之外，其他并不会显示出来，所以也可以省略 3、 Body 被此标注所围起的数据，即表示是html文件的内容，会被浏览器显示在显示窗口，此标注也可以省略。 <!-- -->注释标记 二、 设置文本格式 （一）分段与分行标注 1、<p>分段标注 被<p></p>包围的为一个新段落，且行距较大 2、 <br> 分行标注 标注在段落结束处，不需要<.br>，行距较小 3、<h1>~<h6> 设定当作标题的文字的大小 4、<hr> 水平线标记 三、 设置段落对齐方式 ALIGN=”left/right/center/justify” <div> 设置多个段落同一种对齐方式 想要设定一个段落的对齐属性，只要在<p>标注内设定align属性就可以了。若要设定所有的段落的对齐属性，那么每个<p>标注内都要设定，这样太麻烦，只要用<div>标注设定align属性，并将要影响的段落含括在<div>标注内就可以了. <center > < / center > 设置部分内容为居中对齐 四、 文字的显示——<font>标注 1、 size 标注文字大小 设定方式：（1）设定值最小为1，最大为7 （2）以第三级为基准，然后加减几级来表示 2、 face 标注文字的字型 3、 color 标注文字的颜色 设定方式：（1）直接输入颜色的英文名称，例如红色为“red” （2）输入RGB三原色的强度，用法为<font color=”#RRGGBB”> 4、 <b> 标注文字为粗体字 5、 <i> 标注文字为斜体 6、 <u> 标注为文字加底线 五、 段落及项目标注 2、<blockquote> 缩排标示。 这个标注可以用来设定某个段落是否要缩排 3、<ol> 有序列表标注。 本标注用来显示条列的数据，可以自动将条列加入编号，要显示编号的条列前面加上<li>标注即可 4、<ul> 无序列表标注。本标注与<ol>一样用来显示条列的数据，但是以项目符号■等来显示，只要把刚刚的<ol>改为<ul> 4、<em> 斜体强调 5、<s> 删除文字 六、 表格标注 1、<table> 用来表示表格的开始和结束 2、<tr> 表示列的开始和结束 3、<td> 表示一列中的字段，而字段称为储存格 补充： <table>中的border表示表格的边框宽度 align.对齐属性 bgcolor设定表格的背景色 cellpadding设定储存格与表格边框的距离 cellspacing设定储存格与储存格边框的距离 width 设定表格与储存格的宽度 【随课练习】 1、用HTML设置网页中的文本格式和文本的背景。 2、用HTML语言编写一个“统计”类的表格。 七、课程小结： 本节课我们通过学习HTML语言的使用，如何用HTML编写WEB页，这是今后学习的基础知识，也是我们今后学习的主要内容，希望大家一定要准确理解并掌握。 八、课后作业 （书面作业） P77 2.11习题。 九、教学后记<p> <div class="preview-ft">
<div class="preview-title">
<p style="color: red;"><strong>因篇幅问题不能全部显示，请点此查看更多更全内容</strong></p>
<div class="model-fold-cover-bd"><a href="https://www.tang5.com/mluvix/nreovgvgeex/" target="_blank"><span>查看全文</span><i class="iconfont icon-chakangengduo"></i></a></div>
</div>
</div>
<script type="text/javascript" src="https://jss.zrrp.cn/pc/wenzhang/detail_left.js"></script>
</div>
<div class="glfra_f">
</div>
</div>
<script type="text/javascript" src="https://jss.zrrp.cn/pc/wenzhang/wenzhang/detail_foot.js"></script>
<script type="text/javascript" src="https://jss.zrrp.cn/pc/share_right_gg1.js"></script>
<script type="text/javascript" src="https://jss.huatuo6.com/pc/share_right_xgzx.js"></script>
<script type="text/javascript" src="https://jss.zrrp.cn/pc/share_right_gg2.js"></script>
<script type="text/javascript" src="https://jss.huatuo6.com/pc/share_right_rmyd.js"></script>
</div>
<div class="n_right">
<script type="text/javascript" src="https://jss.zrrp.cn/pc/share_cebian_gg1.js"></script>
<script type="text/javascript" src="https://jss.huatuo6.com/pc/share_cebian_rmht.js"></script>
<script type="text/javascript" src="https://jss.zrrp.cn/pc/share_cebian_gg2.js"></script>
<script type="text/javascript" src="https://jss.huatuo6.com/pc/share_cebian_rmtw.js"></script>
<script type="text/javascript" src="https://jss.zrrp.cn/pc/share_cebian_gg3.js"></script>
<script type="text/javascript" src="https://jss.huatuo6.com/pc/share_cebian_wntj.js"></script>
</div>
</div>
<script type="text/javascript" src="https://jss.huatuo6.com/pc/tj_foot1.js"></script><div class="foot">
<div class="smain">
<div class="foot_ano clearfix">
<!-- <div class="foot_logo">
<img src="images/logo_w.png" alt="AI游中国" />
</div> -->
<div class="foot_mesg">
<p>
Copyright © 2019-<span class="currentYear"></span> zrrp.cn 版权所有 <a href="https://beian.miit.gov.cn/" target="_blank" style="color:#fff">赣ICP备2024042808号-1</a> </p>
<p>
违法及侵权请联系：TEL:199 1889 7713 E-MAIL:2724546146@qq.com
</p>
<p>
本站由北京市万商天勤律师事务所王兴未律师提供法律服务
</p>
</div>
</div>
</div>
</div>
<script type="text/javascript">
const currentYear = new Date().getFullYear();
$('.currentYear').html(currentYear)
</script>
