实训2 HTML图像、超链接标记及表格标记(一).doc
文本预览下载声明
实训二 HTML图像标记、超链接标记、表格标记及滚动字幕
一、HTML图像标记img
练习题1、应用图像标记在网页中插入图像(网页命名为: asp2-1.html)
操作步骤:步骤可参考实训一练习题。
参考代码如下:(注意:pic1.bmp图像文件要与本网页在同一个文件夹里)
源代码网页浏览效果图
二、HTML超链接标记a /a
练习题2、应用超链接标记插入文字和图像链接(网页命名为: asp2-2.html)
操作步骤略。
参考代码如下:(注意:图像文件要与本网页在同一个文件夹里)
源代码网页浏览效果图
三、HTML表格标记table /table
练习题3、应用表格标记在网页中插入表格(网页命名为: asp2-3.html)
操作步骤略。
源代码网页浏览效果图
练习题4、应用tr标记格式化表格(网页命名为: asp2-4.html)
操作步骤略。
源代码网页浏览效果图
练习题5、应用td标记格式化表格(网页命名为: asp2-5.html)
操作步骤略。
源代码网页浏览效果图
练习题6、应用表格嵌套制作精美相框(文件名:asp2-6.html)
操作步骤略。
源代码网页浏览效果图
练习题7、(根据所学的表格标记设置等知识,通过思考,自行完成“精美的相框”网页。(文件名:asp2-7.html)
网页参考效果:
操作步骤略。
源代码网页浏览效果图
四、滚动字幕marquee / marquee
练习题8、制作一个从右向左滚动的字幕。(文件名:asp2-8.html)
参考界面及代码如下:
源代码网页浏览效果图
练习题9、制作一个左右交替滚动的字幕。(文件名:asp2-9.html)
参考界面及代码如下:
源代码网页浏览效果图
练习题10、制作一个多行文本向上滚动的字幕。(文件名:asp2-10.html)
参考界面及代码如下:
源代码网页浏览效果图
附加:
剩余时间请尝试练习P57的任务2.6.2应用滚动标记制作动态效果的题目,完成要求的字幕滚动效果。
显示全部