1 / 12
文档名称:

网页设计自总结文档.doc

格式:doc   大小:134KB   页数:12页
下载后只包含 1 个 DOC 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

网页设计自总结文档.doc

上传人:文库旗舰店 2018/10/22 文件大小:134 KB

下载得到文件列表

网页设计自总结文档.doc

相关文档

文档介绍

文档介绍:一般属性
class属性-- 用于链接一个样式与HTML元素
示例
<div class="dreamdu1">连接div标签与dreamdu1样式<div>
<div class="dreamdu12px dreamdublack dreamdubold">使用空格分开多个样式连接div标签<div>

{font-size: 12px;}

{color: black;}

{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="ml/" title="HTML与XHTML入门教程">XHTML学****lt;/a>
<img src="/images/" 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>,
定义文字颜色color:red;
<head>
<style type="text/css" media="all">
p
{ color:red; }
</style>
</head>
<body>
<p>color就代表颜色,我们使用红色 red 为文字颜色.</p>
</body>
</html>
背景颜色background-color:blue;
<html>
<head>
<style type="text/css" media="all">
body
{background-color:blue; }
</style>
</head>
<body>
<p>background-color就代表网页的背景颜色,我们使用蓝色 blue 为网页背景.</p>
</body>
</html>
链接到百度
<p>链接到<a href="/" target="_blank">百度</a></p>