第2章实训子商务网站.ppt

第2章实训 1、标题标记 —— 将“HHH”设置为3号标题并居中。 1、标题标记 ——提示 h3 align=centerHHH/h3 2、段落标记 —— 将两组字符各设置为一段均左对齐。 2、段落标记——提示 p align=left IIIIIIIIIIIIIIIIIIIIIIIIIIIII /p p align=left JJJJJJJJJJJJJJJJJJJJJJJJJJJJJ /p 3、换行标记 —— 将一组字符设置为一段，并从中用换行标记分隔为三部分。 3、换行标记——提示 p KKKKKKKKbr KKKKKKKKKKKKKKKKKKbr KKKKKKKKKKKKKKK /p 4、字体标记 —— 将一组字符设置为一段，并改变其为5号字、蓝色、宋体。 4、字体标记——提示 p font size=5 color=blue face=宋体 正文标记练习 /font /p 5、文字效果标记 —— 将三行“WWW”设置为一段，各行分别改变为粗体字、斜体字、加下划线字。 5、文字效果标记——提示 p bwww/bbr uwww/ubr iwww/ibr /p 6、 ★正文标记综合练习 —— 6、 ★正文标记综合练习——提示 html head title 正文标记综合练习 /title /head body br br h1 align=center我的大学/h1 p align=centerfont size=5 color=red face=隶书 b学习：/bu基础、专业、实践。/u/font /p p align=centerfont size=5 color=blue face=隶书 b课余：/bi社团、比赛、游戏。/i/font /p /body /html 7、外部超链接标记—— 1、建立文档001.html、002.html； 2、 001.html文档中包含一个超链接，显示“新文件”字样，点击此文字后在新窗口中显示002.html文档内容。 3、 002.html文档显示“链接后内容”字样； 7、外部超链接标记——提示 第一个文档001.html—— a href=002.html target=new新文件/a 第二个文档002.html—— 链接后内容 8、内部超链接标记—— 1、建立文档001.html； 2、文档内至少有30行信息； 3、文档末尾设一内部超链接TOP，点击后可以回到文档顶部。 8、内部超链接标记——提示 a name=tt/a 文档信息 a href=#ttTOP/a 9、图像标记 —— 将图片“p01.jpg”以宽400px、高300px的大小显示在网页上。 9、图像标记 ——提示 img src=p01.jpg width=400 height=300 10、水平线标记—— 显示三条水平线： （1）红色、厚度3px、横过整个窗口； （2）绿色、厚度4px、占整个窗口80%； （3）蓝色、厚度5px、长度600px、居中。 10、水平线标记——提示 hr color=red size=3 hr color=green size=4 width=80% hr color=blue size=5 width=600 align=center 11、 ★图像及超链接标记综合练习—— 1、准备两张图片p01.jpg、p02.jpg； 2、建立3个文档：index.html、link1.html、link2.html； 3、 index.html显示两张图片，点击第一个图片，在当前窗口中显示link1.html内容；点击第二个图片，在新窗口中显示link2.html内容。 11、 ★图像及超链接标记综合练习——提示 见文档code2_10一组。 12、列表标记—— 第一组字符使用编号列表排序；第二组字符使用符号列表排序。如下图： 12、列表标记——提示 ol type=A li编号列表项1 li编号列表项2 li编号列表项3 /ol ul type=disk li符号列表项1 li符号列表项2 li符号列表项3 /ul 13、表格标记—— 显示如下截图效果： 13、表格标记——提示 table border=1 tr thh1/th tdh2/td thh3/th tdh4/td /tr tr thp1/th tdp2/td thp3/th