实验三 标记文本(含答案) (2).doc_第1页
实验三 标记文本(含答案) (2).doc_第2页
实验三 标记文本(含答案) (2).doc_第3页
实验三 标记文本(含答案) (2).doc_第4页
实验三 标记文本(含答案) (2).doc_第5页
全文预览已结束

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

实验三 标记文本1、 实验目的1、 理解语义标记的含义2、 熟悉如何为文本选择合适的语义标记3、 掌握各种文本标记的使用2、 实验内容1、 为文本1添加块级元素;2、 为文本2添加文本元素。3、 实验步骤1、 下面这段文本是一个配料网页的纯文本。其中添加了文档结构元素,请选择内容的每个块应用哪个标记最合适。(提示:用到h1, h2, p, blockquote, ul, ol, li)Tapenade RecipeTapenade (Olive Spread)This is a really simple dish to prepare and its always a big hit at parties. My father recommends:Make this the night before so that the flavors have time to blend. Just bring it up to room temperature before you serve it. In the winter, try serving it warm.Ingredients1 8oz. jar sundried tomatoes2 large garlic cloves2/3 c. kalamata olives1 t. capersInstructionsCombine tomatoes and garlic in a food processor. Blend until as smooth as possible.Add capers and olives. Pulse the motor a few times until they are incorporated, but still retain some texture.Serve on thin toast rounds with goat cheese and fresh basil garnish (optional).2、 按照提示步骤用文本元素来标记下面这段文本,使其最终显示结果如图中所示。Black Goose Bistro | Summer MenuBakers Corner Seekonk, Massachusetts, Hours: M-T: 11 to 9, F-S; 11 to midnightAppetizersBlack bean pursesSpicy black bean and a blend of mexican cheeses wrapped in sheets of phyllo and baked until golden. $3.95Southwestern napoleons with lump crab - new item!Layers of light lump crab meat, bean and corn salsa, and our handmade flour tortillas. $7.95Main coursesShrimp sate kebabs with peanut sauceSkewers of shrimp marinated in lemongrass, garlic, and fish sauce then grilled to perfection. Served with spicy peanut sauce and jasmine rice. $12.95Grilled skirt steak with mushroom fricaseeFlavorful skirt steak marinated in asian flavors grilled as you like it*. Served over a blend of sauteed wild mushrooms with a side of blue cheese mashed potatoes. $16.95Jerk rotisserie chicken with fried plantains - new item!Tender chicken slow-roasted on the rotisserie, flavored with spicy and fragrant jerk sauce and served with fried plantains and fresh mango. $12.95* We are required to warn you that undercooked food is a health risk.(1) 首先输入文档结构元素。给文档赋予标题Black Goose Bistro Summer Menu。(2) 使用div元素将网页分为四个独特的部分,依次命名为header、appetizers、main、warnings。(提示:使用div的id属性进行命名)(3) 确定一级标题和二级标题(h1和h2)。在一级标题中,将直条字符()改为项目符号字符()。(提示:使用特殊字符“•” )(4) 为餐馆信息独立成段。删除“Massachusetts”后的逗号,使用br元素在新行开始“hours”。(5) 为菜单项列清单(开胃菜(Appetizer)和主菜(Main Course),选择最好的list元素标记整个列表及其中每个列表项。(提示:使用定义列表)(6) 将菜单询问的脚注(即以星号开头的最后一行内容)独立成段。(7) 将脚注的星号设置为上标,菜单介绍上的星号也设置为上标。(8) 在开胃菜和主菜中各有一个新菜,即“new item” 。将双连线字符变为一个长破折号,并将“new items!”设置为特别强调。将每个新盘子都归类到“newitem”中(提示:为标记添加class属性,取值为newitem)。(9) 使用span元素,将每个价格归类为“price”。(提示:为每个价格添加span标记,设置class属性取值为price )(10) 使用class标识符,将“warnings”div中的段落标识为“footnote”。保存文件并命名为menu_summer.html,在浏览器中检查网页。标记提示:l 根据文本的意思,来选择最合适的元素。l 不要忘了使用闭标签来关闭元素。l 将所有的特性值放入引号内。l 在添加相同标记到多个元素时,不要忘了“复制粘贴”这个好帮手。答案; Black Goose Bistro • Summer Menu Bakers Corner Seekonk, Massachusetts Hours: M-T: 11 to 9, F-S; 11 to midnight AppetizersBlack bean purses Spicy black bean and a blend of mexican cheeses wrapped in sheets of phyllo and baked until golden. $3.95Southwestern napoleons with lump crabnew item! Layers of light lump crab meat, bean and corn salsa, and our handmade flour tortillas. $7.95Main coursesShrimp sate kebabs with peanut sauce Skewers of shrimp marinated in lemongrass, garlic, and fish sauce then grilled to perfection. Served with spicy peanut sauce and jasmine rice. $12.95Grilled skirt steak with mushroom fricasee Flavorful skirt steak marinated in asian flavors grilled as you like it*. Served over a blend of sauteed wild mushrooms with a side of blue cheese mashed potatoes. $16.95Jerk rotisserie chicken with fried plantains new item! Tender chicken slow-roasted on t

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论