返回
特殊字符的插入和文字特殊标记的掌握文字和图片的链ppt课件.ppt

特殊字符的插入和文字特殊标记的掌握文字和图片的链ppt课件.ppt

ID：59032486

大小：1.07 MB

页数：30页

时间：2020-09-26

特殊字符的插入和文字特殊标记的掌握文字和图片的链ppt课件.ppt_第1页
特殊字符的插入和文字特殊标记的掌握文字和图片的链ppt课件.ppt_第2页
特殊字符的插入和文字特殊标记的掌握文字和图片的链ppt课件.ppt_第3页
特殊字符的插入和文字特殊标记的掌握文字和图片的链ppt课件.ppt_第4页
特殊字符的插入和文字特殊标记的掌握文字和图片的链ppt课件.ppt_第5页
特殊字符的插入和文字特殊标记的掌握文字和图片的链ppt课件.ppt_第6页
特殊字符的插入和文字特殊标记的掌握文字和图片的链ppt课件.ppt_第7页
特殊字符的插入和文字特殊标记的掌握文字和图片的链ppt课件.ppt_第8页
特殊字符的插入和文字特殊标记的掌握文字和图片的链ppt课件.ppt_第9页
特殊字符的插入和文字特殊标记的掌握文字和图片的链ppt课件.ppt_第10页
资源描述：

《特殊字符的插入和文字特殊标记的掌握文字和图片的链ppt课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、实验内容1、字体标志的应用2、特殊字符的插入和文字特殊标记的掌握3、文字和图片的链接4、在页面中插入图片5、表格属性的应用实验目的1、能熟练完成项目一HTML中基本标记的应用实例2、能熟练完成项目二表格的应用实例实验重点1、字体标志的应用2、特殊字符的插入和文字特殊标记的掌握3、文字和图片的链接4、在页面中插入图片5、表格属性的应用实验难点1、表格属性的应用（一）演示二个项目效果图1、项目一　基本标记的应用实例2、项目二　表格属性应用实例2、图片插入的应用实例效果图（二）演示项目一中三个子项目效果

2、图1、页面中文字插入的应用实例效果图3、按钮图标的制作实例（三）演示并与学生一起完成三个子项目1、页面中文字插入的应用实例的实验步骤（1）打开已经输入的html文件的基本结构的记事本；（2）在之间输入网页标题“HTML表格及元素的添加”；（3）我们将文件保存到D盘，文件夹名为网页设计，文件名为H2_01.html，文件类型为所有文件；（4）打开D盘网页设计文件夹中的H2_01.html文件，大家可以看到标题栏上有“HTML表格及元素的添加”的标题；（5）打开“查看”菜

3、单“源代码”，在中输入文字“御茶园茶业>网上商城”；（6）再一次保存，然后“刷新”页面；大家先完成在页面中添加文字这部分内容，老师来检查完成情况。（7）打开“查看”菜单“源代码”，在文字“御茶园茶业”前加上，后面加上，设置文字为粗体，并且字号设置成14px；（8）保存后刷新页面；（9）打开“查看”菜单“源代码”，在文字“网上商城”前加上，在后面加上

4、font>，设置文字为粗体，并且字号设置为14px，颜色为橙色；（10）刷新后第一个子项目已完成。效果如下图：2、图片插入的应用实例的实验步骤（1）前三步同上。（2）在中插入

表格标记；（3）在
表格标记中插入行标记；（4）在行标记中插入标记；（5）在标记中，输入“background=图片地址”height=180px；（6）将文件保存到D盘，文

5、件夹名为网页设计，文件名为H2_02.html，文件类型为所有文件；（7）打开D盘网页设计文件夹中的H2_02.html文件，预览网页效果；（8）打开“查看”菜单“源文件”；（9）在

标记中输入“cellPadding=0cellSpacing=0border=0width=710”；（10）再一次保存页面。3、按钮图标的制作实例实验步骤：（1）前三步同上。（2）先做一个按钮；（3）在
表格标记中插入行标记；（4）在行标记

6、中插入标记；（5）在中输入“茶艺用品”标记中，输入background=“图片地址”align=middlewidth=80height=22；（6）将文件保存到D盘，文件夹名为网页设计，文件名为H2_03.html，文件类型为所有文件；（7）打开D盘网页设计文件夹中的H2_03.html文件，预览网页效果；（8）打开“查看”菜单“源文件”；（9）在

标记中输入“cellPadding=0cellSpacing=0border=0”；（10）

7、在文字“茶艺用品”的前面加上，在后面加上（11）刷新网页；(12）其它几个按钮的代码同（5）至（10）步，只是文字内容有变化。强调：先设计好，表格中的列数，即

的个数。第一个项目实验步骤第二个项目实验步骤（四）演示项目二的效果图根据我提供的HTML文件，大家修改得出最终效果。（五）提供代码、学生填空、纠错完成实验内容。1、嵌套表格的部分步骤及代码（图片素材在d:wysjimages目录下）。（1）前三步同上。（2）在中插入
<

8、/table>表格标记；（3）在

表格标记中插入行标记；（4）在行标记中插入标记；（5）在标记中，输入“background=图片地址”height=25；（6）将文件保存到D盘，文件夹名为网页设计，文件名为H2_04.html，文件类型为所有文件；（7）打开D盘网页设计文件夹中的H2_04.html文件，预览网页效果；（8）打开“查看”菜单“源文件”；（9）在标记中输入“cel

当前文档最多预览五页，下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页，下载文档查看全文
温馨提示：
1. 部分包含数学公式或PPT动画的文件，查看预览时可能会显示错乱或异常，文件下载后无此问题，请放心下载。
2. 本文档由用户上传，版权归属用户，天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容，确认文档内容符合您的需求后进行下载，若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误，付费完成后未能成功下载的用户请联系客服处理。