网页设计自总结文档.docVIP

一般属性 class属性 -- 用于链接一个样式与HTML元素 示例 div class=dreamdu1连接div标签与dreamdu1样式div div class=dreamdu12px dreamdublack dreamdubold使用空格分开多个样式连接div标签div div.dreamdu12px {font-size: 12px;} div.dreamdublack {color: black;} div.dreamdubold {font-weight: bold;}id属性 -- 用于唯一标识一个元素 你可能有以下几种原因使用到id属性 你想链接到一个页面的指定位置. 你要在某个HTML元素上使用特定的css样式. 你要为每个HTML元素使用script(比如javascript) 你要区分两个相同的HTML元素. 示例 div id=dreamdu1使用dreamdu1和dreamdu2来区分两个div标签div div id=dreamdu2使用dreamdu1和dreamdu2来区分两个div标签div 说明 与id属性相同的属性是name,此属性可以使用在HTML4的文档中,新的web标准已经抛弃了此属性. id属性在整个页面与CSS样式表中一定要是唯一的,在整个网站中最好也是唯一的. title 属性 -- 为链接、图像、表单等HTML元素提供描述性的信息 示例 a href=/xhtml/ title=HTML与XHTML入门教程XHTML学习/a img src=/images/javascript_alert.png alt=alert对话框 title=alert对话框图示 / 说明 通常用于为图像、链接或按钮增加描述性的文字，提供额外的信息(HTML中的多数标签都具有title属性),比如可以通过title属性详细介绍要链接到的页面的内容 title属性可以使用在除了base、basefont、head、html、meta、param、script、title之外的所有标签中 当为HTML标签定义title属性时，多数浏览器会将title属性的值作为悬浮的提示信息显示。 一些可以发音的浏览器，甚至可以说出title里的内容 title属性并不是必须的，只是为标签增加额外的描述性文字 事件属性 UI events onclick (Script) ondblclick (Script) onmousedown (Script) onmouseup (Script) onmouseover (Script) onmousemove (Script) onmouseout (Script) onkeypress (Script) onkeydown (Script) onkeyup (Script) style 属性 -- 用于定义HTML标签所使用的样式 示例 p style=font-size: 12px;color: #000;使用css/p 说明 加载CSS的过程中,最好避免style属性的使用,此属性已经被w3c抛弃,将来的HTML版本中可能移除此属性. 加载CSS的过程中,最好使用class属性(或id属性),这是标准的方法. table summary=html table border=0 标签table是表格标签.使用border属性,定义没有边框的表格.使用summary属性定义表格的简短描述 定义文字颜色color:red; head style type=text/css media=all p { color:red; } /style /head body pcolor就代表颜色,我们使用红色 red 为文字颜色./p /body /html 背景颜色background-color:blue; html head style type=text/css media=all body {background-color:blue; } /style /head body pbackground-color就代表网页的背景颜色,我们使用蓝色 blue 为网页背景./p /body /html 链接到百度 p链接到a href=/ target=_blank百度/a/p 点击图片链接 p链接到a href=/ target=_blankimg src=/img/baidu_logo.gif //a/p table summary=html table border=0 Summary对表格进行简短的描述 无序列表 ul liwww/li lidreamdu/li licom/li /ul st