北京信息科技大学人机交互与界面设计第2章.ppt

背景图不受cellpadding和cellspacing的影响。 Rev PA1 * Margin: 设置元素边框和相邻元素之间的距离； Padding：设置元素内容和边框之间的距离。 Rev PA1 * Groove：槽线式边框。 Rev PA1 * Rev PA1 * * 这个与网络上的数字型IP地址相对应的字符型地址，就被称为域名。 Rev PA1 * http协议默认端口号是80 * 现场演示，源代码查看，更改源代码，显示表格边框。 * 现场演示，源代码查看，更改源代码，显示表格边框。 * 标记拥有属性，不同的属性配合有不同的含义。 * 格林尼治标准时间（GMT） * 查看颜色值的w3c学校的页面 /html/html_colornames.asp * i:italic b:bold u:underlined 标签p和div的区别：div是一个块级元素，而p用来定义段落。div中可以嵌套p。div可定义文档中的分区或节（division/section）。 div 标签可以把文档分割为独立的、不同的部分。p 标签：定义段落，它会自动在其前后创建一些空白。 * i:italic b:bold u:underlined 标签p和div的区别：div是一个块级元素，而p用来定义段落。div中可以嵌套p。div可定义文档中的分区或节（division/section）。 div 标签可以把文档分割为独立的、不同的部分。 * i:italic b:bold u:underlined 标签p和div的区别：div是一个块级元素，而p用来定义段落。div中可以嵌套p。div可定义文档中的分区或节（division/section）。 div 标签可以把文档分割为独立的、不同的部分。 * Href：是hyperlink reference的缩写 * 其中，锚点的名称可以任意，锚点名称对于用户不可见。 * 在所有浏览器中，链接的默认外观是： 未被访问的链接带有下划线而且是蓝色的 已被访问的链接带有下划线而且是紫色的 活动链接带有下划线而且是红色的 * * 列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。 自定义列表不仅仅是一列项目，而是项目及其注释的组合。 * * 下节课从下页开始讲,强调书上落了结束标记。 * 代码的书写错落有致，可以很好的检查对应性。 * 教材中table的width属性默认值为100%是不正确的。 Rev PA1 * 演示border，cellspacing，cellpadding的作用。 * 书上的表头没有使用表头标记，而是通过使用strong标记来呈现显示效果。 * 本节只介绍用户界面部分。 * 服务器端根据name来获取提交的值。 * * 如果没有设置默认选项，则默认显示的为第一项 * Rev PA1 * 强调书上很多地方省略了，但是最好还是添加上。添加时注意双引号之间不能有空格，否则显示不正确。 * 网页内容是网页制作者想要网页浏览者看到的信息，包括文字、图片、表格等。 Rev PA1 * font-family 可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体，则会尝试下一个。也就是说，font-family 属性的值是用于某个元素的字体族名称或/及类族名称的一个优先表。浏览器会使用它可识别的第一个值。 * 块级元素的特征：独自占领一行。即块级元素会自动新起一行显示，块级元素结束后下一个元素也会自动新起一行。 替换元素由浏览器根据其标签的元素与属性来判断显示具体的内容。 Rev PA1 * 相关标记和属性 div标记 div是HTML 3.2版就有的标记，是一个块级元素。 div和/div之间可以包含段落、标题、表格等其他块级元素。div将其中包含的内容形成一个独立段落。 div在HTML 3.2中只有属性align，HTML 4.0新增了class、id、style属性。 div与span的功能基本相同，区别在于div是块级元素，而span是行元素；div可包含span，反之则不行。 * * 2.3.3 层叠样式表CSS 相关标记和属性 样式的继承 将包含其他标记的标记称为父标记，则被包含的标记就是子标记，子标记将继承父标记的样式。 【例2-26】 htmlhead title样式继承/title style type=text/css !- - h2 { color:red;} -- /style /head body h2 uDIV