网页设计自总结文档

1、一般属性class 属性 - 用于链接一个样式与HTML元素示例连接 div 标签与 dreamdu1样式 使用空格分开多个样式连接div 标签 div.dreamdu12pxfont-size: 12px;div.dreamdublackcolor : black ;div.dreamduboldfont-weight: bold ; id 属性 - 用于唯一标识一个元素你可能有以下几种原因使用到id 属性?你想链接到一个页面的指定位置. ?你要在某个 HTML 元素上使用特定的css 样式 . ?你要为每个 HTML 元素使用 script(比如 javascript) ?你要区分两个相同

2、的HTML 元素. 示例使用 dreamdu1和 dreamdu2来区分两个div 标签 使用 dreamdu1和 dreamdu2来区分两个div 标签 说明?与 id 属性相同的属性是name , 此属性可以使用在HTML4 的文档中 , 新的 web标准已经抛弃了此属性 . ?id 属性在整个页面与CSS样式表中一定要是唯一的, 在整个网站中最好也是唯一的. title 属性 - 为链接、图像、表单等HTML元素提供描述性的信息示例XHTML学习 说明?通常用于为图像、链接或按钮增加描述性的文字，提供额外的信息(HTML中的多数标签都具有 title属性), 比如可以通过title属性详

3、细介绍要链接到的页面的内容?title属性可以使用在除了base、basefont 、head、html 、meta、param、script、title之外的所有标签中?当为 HTML 标签定义 title属性时，多数浏览器会将title属性的值作为悬浮的提示信息显示。?一些可以发音的浏览器，甚至可以说出title里的内容?title属性并不是必须的，只是为标签增加额外的描述性文字事件属性 UI events ?onclick (Script) ?ondblclick (Script) ?onmousedown (Script) ?onmouseup (Script) ?onmouseove

4、r (Script) ?onmousemove (Script) ?onmouseout (Script) ?onkeypress (Script) ?onkeydown (Script) ?onkeyup (Script) style 属性 - 用于定义HTML标签所使用的样式示例使用 css说明?加载 CSS 的过程中 , 最好避免 style属性的使用 , 此属性已经被 w3c抛弃 , 将来的 HTML 版本中可能移除此属性 . ?加载 CSS的过程中 , 最好使用 class 属性 ( 或 id 属性), 这是标准的方法 .标签是表格标签 . 使用 border 属性, 定义没有边框的

5、表格. 使用 summary属性定义表格的简短描述定义文字颜色color:red; p color:red; color就代表颜色 , 我们使用红色 red 为文字颜色 . 背景颜色background-color:blue; body background-color:blue; background-color就代表网页的背景颜色, 我们使用蓝色 blue 为网页背景. 链接到百度链接到 百度 点击图片链接链接到 Summary对表格进行简短的描述无序列表 www dreamdu com strong 标签 - 重点强调标签?使用正确的方法定义粗体文字,CSS font-weight属性E

6、m标签 - 斜体?使用正确的方法定义斜体文字,CSS font-style属性<可以显示大于号可以使用 表示是一个空格。链接?属性. oCommon - 一般属性oaccesskey - 代表一个链接的快捷键访问方式( 按住 Alt 键) 点击键盘上的 h 按钮，再按回车 (IE) 就可以直接链接到 HTML 教程. ocharset - 指定了链接到的页面所使用的编码方式, 比如 UTF-8 ocoords - 使用图像地图的时候可以使用此属性定义链接的区域,通常是使用 x,y 坐标ohref - 代表一个链接源 (就是链接到什么地方 ) ohreflang

7、- 指出了链接到的页面所使用的语言编码orel - 代表文档与链接到的内容 (href所指的内容 ) 的关系 rel 与 rev 具有互补的作用 ,rel指定了向前链接的关系 ,rev 指定了反向链接的关系. orev - 代表文档与链接到的内容 (href所指的内容 ) 的关系oshape - 使用图像地图的时候可以使用shape 指定链接区域otabindex - 代表使用 tab 键, 遍历链接的顺序1 3 2 otarget - 用来指出哪个窗口或框架应该被此链接打开_blank - 在新窗口中打开链接_parent - 在父窗体中打开链接_self - 在当前窗体打开链接 , 此为默

8、认值_top - 在当前窗体打开链接，并替换当前的整个窗体(框架页 ) 一个对应的框架页的名称 - 在对应框架页中打开otitle - 代表链接的附加提示信息XHTML 学习 otype - 代表链接的 MIME 类型链接到指定位置（所谓指定位置的链接，就是直接链接到文档中一个定义好的位置。）页面上部 链接到页面下部 链接到页面上部 页面下部 邮件链接链 接 到 网 址 图像链接 img 标签 - 代表 HTML 图像oCommon - 一般属性（class,id,title:图片的提示文字, 当鼠标停留到图片上时 , 会提示相关文字）oalt - 代表图像的替代文字osrc - 代表一个图像

9、源 ( 就是图像的位置 ) oheight - 代表一个图像的高度owidth - 代表一个图像的宽度dl标签 - 代表 HTML自定义列表dt标签 - 代表 HTML自定义列表项目dd 标签 - 代表 HTML自定义列表描述 www World Wide Web的缩写 . dreamdu 梦之都 . www的:). com cn 这都是域名的后缀 . 显示：梦之都 HTML 教程, HTML dl 标签示例. www World Wide Web 的缩写 . dreamdu 梦之都 . www 的:). com cn 这都是域名的后缀 . nl标签 - 代表 HTML导航列表 梦之都 介绍

10、网址(http:/ http:/ www dreamdu com html教程 css教程 梦之都介绍网址(http:/ http:/ www dreamdu com html教程 css教程嵌套列表 www. dreamdu dream 梦 du 实现你的梦想 .com Table 标签 -th表头oCommon - 一般属性osummary - 代表表格的摘要说明owidth - 代表表格的宽度oborder - 代表表格边框 (此属性应该使用 CSS实现) ocellspacing - 代表表格边框与表格内容填充的距离, 也是内容填充之间的距离 ( 此属性应该使用 CSS实现) ocel

11、lpadding - 代表内容填充的宽度 (此属性应该使用 CSS实现) tr 标签oCommon - 一般属性oalign- 代表行的水平对齐方式 (left(左对齐 ) | center( 居中对齐) |right(右对齐 ) | justify)(此属性应该使用 CSS实现) ovalign- 代表行的垂直对齐方式 (top( 顶部对齐 ) | middle( 中部对齐) | bottom(下部对齐 ) | baseline(基线对齐 )( 此属性应该使用 CSS实现) th 标签oCommon - 一般属性oabbr - 代表表头的简写oaxis - 对单元格在概念上分类ocolspa

12、n - 一行跨越多列oheaders - 连接表格的数据与表头orowspan - 一列跨越多行oscope - 定义行或列的表头?scope - 通过此属性可以定义行或列的表头?取值col - 定义列表头row - 定义行表头 .com域名的数量 .cn域名的数量 .net域名的数量 2003 1000 2000 3000 oalign- 代表水平对齐方式 (left(左对齐 ) | center( 居中对齐 ) | right(右对齐 ) | justify)(此属性应该使用 CSS实现) ovalign- 代表垂直对齐方式 (top( 顶部对齐 ) | middle( 中部对齐 ) |

13、bottom( 下部对齐 ) | baseline( 基线对齐 )( 此属性应该使用CSS实现) td 标签?属性oCommon - 一般属性oabbr - 代表表头的简写oaxis - 对单元格在概念上分类ocolspan - 一行跨越多列oheaders - 连接表格的数据与表头orowspan - 一列跨越多行oscope - 定义行或列的表头oalign- 代表水平对齐方式 (left(左对齐 ) | center( 居中对齐 ) | right(右对齐 ) | justify)(此属性应该使用 CSS实现) ovalign- 代表垂直对齐方式 (top( 顶部对齐 ) | middl

14、e( 中部对齐 ) | bottom( 下部对齐 ) | baseline( 基线对齐 )( 此属性应该使用CSS实现) colgroup标签?属性oCommon - 一般属性ospan - 定义一个 colgroup 跨越的列数 , 默认值为 1 col 标签是单独出现的, ?属性oCommon - 一般属性ospan - 定义一个 col 跨越的列数 , 默认值为 1 .yellow color: #CCCC33; font-size:36px; .blue color: #3399CC; font-size:12px; body background-image:url(html_tab

15、le.png); Css 文本letter-spacing - 定义文本中字母的间距( 中文为文字的间距) 正值为增大距离, 负值为缩小距离. ?letter-spacing定义了字与字之间的距离 . ?word-spacing 是控制字与字之间空格的宽度. 梦 之 都CSS 教 程 , l et t e r - s p ac i ng 示 例 , Al lihav e t o d o,i s l ea r n C SS. ( 仔 细 看 是 字 母 之 间 的 距 离 , 不 是 空 格 本 身 的宽 度 , 参 考wor d- s p ac i n g 属 性 示 例 . )梦 之 都 C

16、 S S 教 程 ,le tte r-sp a cin g示 例 ,A ll i h avetod o , isle a rnC S S .onormal: 正常( 主要是根据用户所使用的浏览器等设备) o: 长度表示法text-decoration - 定义文本是否有划线以及划线的方式ounderline | overline | line-through | blink: 四个值中的一个或多个?underline: 定义有下划线的文本?overline: 定义有上划线的文本?line-through: 定义直线穿过文本?blink: 定义闪烁的文本text-transform - 定义文本

17、的大小写状态, 此属性对中文无意义?取值:capitalize | uppercase | lowercase | none | inherit ocapitalize: 首字母大写ouppercase: 大写olowercase: 小写onone: 正常无变化text-align - 定义文本的对齐方式?取值: left | right | center | justify oleft: 左对齐oright: 右对齐ocenter: 居中ojustify: 对齐每行的文字text-indent - 定义文本首行的缩进( 在首行文字之前插入指定的长度) 正值向后缩 , 负值向前进 . ?取值:

18、 | | inherit o: 长度表示法o: 百分比表示法white-space - 空格内元素的显示方式取值 : normal | pre | nowrap | pre-wrap | pre-line | inherit onormal: 正常无变化 ( 默认处理方式 . 文本自动处理换行 . 假如抵达容器边界内容会转到下一行) opre: 保持 HTML 源代码的空格与换行 , 等同与 pre 标签onowrap: 强制文本在一行 , 除非遇到 br 换行标签opre-wrap: 同 pre 属性, 但是遇到超出容器范围的时候会自动换行opre-line: 同 pre 属性, 但是遇到连续空格会被看作一个空格border:1px solid green; font-family - 定义使用的字体?取值: | | * | inherit o | | * :字体名?family-name : 一系列字体名称?generic-family: 一般性字体名称 , 取值:serif,sans-serif,cursive,fantasy,monospace p font-family:宋体,Arial; Css border-top-width属性定义上边框的宽度 CSS border-right-width 属性 CSS border-bo