HTML第三课-网构建.pptxVIP

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