[理学]第二-三讲 Web开发基础.pptVIP

Web开发基础;本讲内容;重要术语：(X)HTML;创建(X)HTML文档的步骤;启动文本编辑器;第一步，从内容开始;文件命名习惯;根据服务器配置，文件名可能大小写敏感 没有特殊要求，文件名坚持用小写字母 保持文件名简短 短文件名可以保持字符数和你的(X)HTML文件尺寸在控制之中； 若真要定义长的、多单词的文件名，可用大写字母或下划线隔开，如ALongDocumentTitle.html、a_long_document_title.html 自定习惯 网站要有统一的命名方案;从第一步学到了什么？;简单的输入一些内容并命名文档远远不够 我们将使用标记来添加结构 先给文档本身添加（第二步） 在给网页内容添加（第三步）;第二步 文档结构化;基本的文档结构;别忘记好标题;第三步 确定文本元素;块元素和内联元素;默认样式;第四步 添加图像;特性;关于特性;第五步 使用样式表改变外观;当好网页出错时;总结;第五章 标记文本;5.1 块级元素;5.1.1 段落;5.1.2 标题;5.1.3 长引用;5.1.4 预格式化文本;5.1.5 水平线;5.1.6 address地址;5.1.7 列表;无序列表;有序列表;嵌套列表;定义列表;5.1.8 添加换行;5.2 内联文本元素;;5.2.1 表意内联元素;;添加强调文本;短引用;简写(abbreviation)和缩写(acronym);引用;定义术语;程序代码元素;被插入和被删除的文本;5.2.2 表象内联元素;;5.3 泛型元素(div和span);5.3.1 使用div分区;例1;例2;5.3.2 使用span;5.3.3 元素标识符;例1: div id=ISBN0321127307 img src=felici.gif alt= / pciteThe Complete Manual of Typography/cite, James Felici/p /div div id=ISBN881792063 img src=bringhurat.gif alt= / pciteThe Elements of Typographic Style/cite, James Felici/p /div;例2： div id=header (masthead and navigation here) /div div id=main (main content elements here) /div div id=links (list of links here) /div div id=footer (copyright information here) /div;class标识符 用于组合相似的元素 多个元素可以共用一个class 多个元素使用同一个class，可使用同一个样式表，一次将样式应用到所有定义了标签的元素???。 例: div id=ISBN0321127307 class=listing book img src=felici.gif alt= / p class=descriptionciteThe Complete Manual of Typography/cite, James Felici/p /div div id=ISBN881792063 class=listing book img src=bringhurat.gif alt= / p class=descriptionciteThe Elements of Typographic Style/cite, James Felici/p /div 提示：id特性用于识别，class用于归类;id和class值 应该以字母A-Z或a-z或下划线开头 不能包含字符空格或特殊字符 字母、数字、连字符、下划线、冒号和句号都是可用的 大小写敏感 id和class不只用于div和span，可用于几乎所有(X)HTML。;5.4 特殊字符;;作业：