资源描述
,第三章网页创建,教师:T:,内容提要:,网页创建的一般步骤。“块元素”与“内联元素”元素和元素换行元素列表页面中使用符号,Tony打算把旅游日记放在网上,粗略设计草图,Tony的日记有个标题”SegwaynUSA”,日记的简短描述,作为一个段落。,每次记录包括日期,通常有一张图片,以及每天的描述。可以转化为一个标题、一张图片、一个段落。,与纸质日记不同的是,网页日记没有长度限制,可以把很多个日记放在一个页面上。,注意:我们将日记从新到旧进行排序。最新的日记列在最前面。这样就不需要向下滚动,来找新日记。,从草图到网页,练习:,制作旅游日记,处理日记中的引用文字,元素,用于描述引用文字。元素用于标记短的引用文字。,为什么不直接使用双引号,而要使用元素?,元素,用于标记大块的引用文字。,注意:,如果想在文字段中少量引用的话就用,如果需要别开一段来进行引用则用各种浏览器在显示短引用或块引用时,处理方式可能不一样,不过我们可以用CSS来完成统一。,块元素、内联元素,记住:块元素特立独行、内联元素随波逐流。,块元素前后都有换行符,而内联元素问题在网页中随着文字流出现在“行内”。,块元素是网页的主要结构模块,而内联元素则用来标记内容的小片段。当你设计网页时,一开始会建立一大块东西(块元素),然后添加内联元素来修饰网页。,换行元素,没有内容的元素称为空元素。,创建HTML列表,第一步:把每个列表项目放进一个元素。,第二步:用或封装列表元素。,用列表元素修改旅行日记。,强化记忆,ul-unorderedlistol-orderedlistli-listitem,问题:,和必须一直使用吗?我可以在或中添加其他文字或者元素吗?可以在列表中添加列表吗?是块元素还是内联元素?li呢?HTML中还有其他列表类型吗?,嵌套,用图示来了解嵌套关系,正确,错误,Imsogoingtoblogthis,HTML元素复习:,名字内联/块我是1号标题。我准备链接到其它网页。我强调文字我是列表,但我和顺序无关我是个真正的换行者我是个生活在列表中的项目我会让自己的列表项目井井有条我为图片而生在段落中引用得靠我用我来引用一段独立的文字,在网页中使用等符号,用还有一些其它特殊字符。在这里查:,
展开阅读全文