Web前端技术课后作业综述.doc

练习列表 注意： *理解级别 **掌握级别 ***应用级别 ****拔高级别 第01章: HTML基本结构 名称 描述 级别 第一个HTML页面 * 背景图案片和连接 ** 超链接样式 *** 【逻辑题】 练习1.第一个HTML页面 案例描述:创建一个html文件，在页面写入”我的第一个网页” 关键代码: html head title我的第一个网页/title /head body 我的第一个网页 /body /html 效果图 练习2: 背景图案片和连接 案例描述:实现如效果图，背景图+多个H1标签 关键代码: html head title开始学习web技术了/title /head body background=images/bg.jpg bgproperties=fixed h1 align=center开始学习web技术了/h1 h1 align=center开始学习web技术了/h1 h1 align=center开始学习web技术了/h1 /body /html 效果图: 练习3:自定义异常处理 案例描述:超链接伪类颜色控制，link=blue alink=yellow vlink=#000000 关键代码: html head title使用前端技术展现Web系统/title /head body link=blue alink=yellow vlink=#000000 h1a href=#点我试试/a/h1 /body /html 效果图: 【逻辑题】:假设有一个池塘，里面有无穷多水，现有2个空水壶，容积分别为5升和6升。问题是如何只用这2个水壶从池塘里取得3升的水。 第02章: HTML基本标签 名称 描述 级别 基本块级元素 * 用于布局的块级元素 ** 行级元素 ** 综合联系 *** 【逻辑题】 练习1.基本块级元素 案例描述:实现效果图(使用标签有h1-h6，p，hr) 关键代码: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.1 Transitional//EN /TR/xhtml1/DTD/xhtml1-strict.dtd html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=gb2312 / title唐诗三百首/title /head body h1唐诗三百首/h1 hr / h2目录/h2 p第一首：静夜思/p p第二首：忆江南/p p第三首：长恨歌/p hr / h3静夜思/h3 p作者：李白/p p床前明月光,疑是地上霜。举头望明月，低头思故乡。/p hr / h4【李白简介】/h4 p李白，字太白，号青莲居士，自称与李堂皇室同宗，祖籍陇西成纪（今甘肃天水附近），生于中亚碎叶。据野史记载，幼时随父迁居绵州昌隆（今四川江油）青莲乡....../p /body /html 效果图 练习2:用于布局的块级元素 案例描述:实现效果图，背景图+多个H1标签(使用标签有:h1-hn,ul-li,dl-dt-dd,ol-li) 关键代码: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.1 Transitional//EN /TR/xhtml1/DTD/xhtml1-strict.dtd html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=gb2312 / title常用于页面布局的块级标签练习/title /head body div h1商品信息/h1 h2产品类别/h2 hr/ ul li数码/li ul li笔记本/li li手机/li li家电/li /ul li美容/li li服装/li /ul hr/ dl dt联想电脑/dt dd产品型号： 联想IdeaPad Y450A-TFU(NBA纪念版) /dd dd价格：