|
|
|---|
| 说明事项：------------------------------------------- |
本课程包含DreamWeaver 8、Flash 8和Fireworks 8三部分内容。重点介绍 DreamWeaver 8。
请07电脑艺术班同学完成以下内容：
标记是指由”<”和”>”括起来的具有特定含义的字符串，例如<p>是段落标记，<img>是图片标记等。注意”<”和标记名之间不能留有空格或其它字符。
每一个HTML元素都有对应的起始标记和结束标记，其最大的区别就在于结束标记在”<”字符后多了一个”/”字符，比如表格标记<table>的起始标记为<table>，结束标记为</table>。
元素的内容可以是任何合法的字符串，它放在起始标记和结束标记之间，与它们一起构成一个完整的HTML元素。
1、标记的属性
每个元素都有一些相关的属性，标记通过属性来设置各种效果。属性只出现起始标记中并且具有固定的描述结构，格式为：
<标记 属性1=”值 1” 属性2=”值 2” ……>被影响的内容</标记>
例如
在<img src=”myphoto.jpg” alt=”照片”>中，src和alt就是img元素的两个属性，而 ”myphoto.jpg”和”照片”则分别为src和alt属性的属性值。
说明：
1 HTML标记和属性不区分大小写，如<font color=”#ff 0000” >和<font COLOR=”#ff 0000” >是一样的。
2 有些HTML元素可以没有结束标记。如参数元素<param>，换行元素<br>等。
3 并不是所有的标记都有属性，如换行标记<br>就没有属性。对于有属性的标记，其各属性之间用空格隔开，属性之间的顺序可以是任意的。
2 属性值常由单引号或双引号括起来，在多数情况下也可省略引号。
3 对同一段要标记的内容，可以用多个标记来共同作用，产生一定的效果。此时，各标记间的顺序可以是任意的，但不允许交叉嵌套。
4 起始标记为“<!--”，结束标记为“-->”，注释的内容放在两个标记之间，并且注释内容中不允许包含“--”字符串。
注释通常用以说明某一部分HTML代码的用途等信息，
2、常用的HTML标记
表1 常用的HTML标记
| 类别 | 相关的标记 |
|
| 文件结构元素 | HTML、HEADBODY |
|
| 头部元素 | TITLE、METAL、INK、BASE、,STYLE |
|
| 字符格式元素 | FONT、B、I、U、S、STRIKE、SMALL、BIG |
|
| 块元素 | P、BR、CENTRE、Hx、PER、ADDRESS、BLOCKQUOTE、DIVIY |
|
| 超链接元素 | A、MAP、AREA |
|
| 列表元素 | DIY、DL、DT、DD、LI、OL、UL |
|
| 表格元素 | TABLE 、TR 、TD、 TH、 CAPTION |
|
| 表单元素 | FORM、INPUT、SELECT、OPTION、TEXTAREA、MENU |
|
| 图片元素 | IMG |
|
| 层元素 | DIV、SPAN、LAYER、ILAYER |
|
| 素帧元 | FRAMESET、FRAME、NOFRAME、IFRAME |
|
| 脚本元素 | SCRIPT |
|
| 内嵌元素 | APPLET、OBJECT、PARAM、EMBED |
|
3、CSS
通过代码编辑的方式为网页添加CSS样式表有四种方法。
|
1、 用关键字”style”添加
使用html标识符样式属性关键字”style”直接添加在html的标识符(tag)里，代码格式为：
<tag style=”属性１：属性值１；属性２：属性值２； ”>显示内容</tag>
例６-1用蓝色，宋体，字体大小”h 1” ，显示”标识符添加实例”。
<h1 style=”color:blue;font-family:宋体”>标识符添加实例</h1>
尽管这种方式使用简单，但不常用，因为这样添加无法完全发挥样式表的优势格式控制和显示内容分别处理。
２ 使用<style>标识符进行样式表声明
定义方法为直接将<style>标识符添加在HTML的头信息标识符<head>里，代码格式为：
<head>
<style type=”text/css”>
<!—要添加的样式表的代码-->
</style>
</head>
其中type=”text/css”表示样式表采用MIME类型，帮助不支持CSS的浏览器过滤掉CSS代码，从而避免在不支持CSS的浏览器中显示带CSS的网页时，页面的顶端直接以文本方式显示样式表设置的源代码。
为了保证上述情况一定不要发生，有必要将样式表的设置代码写入HTML注释标识符内即”<!—设置内容-->”。
３ 用<link>标识符链接样式表
同样是将该标识符添加在HTML的头信息标识符<head>里，代码格式为：
<head>
<link rel=”stylesheet” type=”text/css” href=”path[.css” media=”screen”>
</head>
属性定义说明：
１ ”path[.css”是指明单独保存的样式表文件的文件名及访问路径，该文件的代码中不能包含<style>标识符，并且只能以”.css”为后缀。
例如，下面是一个CSS样式文件的例子。在文本编辑器中输入以下代码，并保存名为”ys.css”的样式文件：
h1{font-family:宋体:color:green}
h2{ font-family:宋体:color:red}
h3{ font-family:宋体:color:blue}
为了便于引用，一般将CSS样式表文件与站点网页保存在同一个文件目录内，这样在引用时就可以使用相对路径或直接引用文件名。
２ Media是可选的属性，表示使用样式表的网页将用什么煤体设备输出。可取值关键字为：
Screen，默认，输出到电脑屏幕；
4、三个特效
<a href="javascript:" onClick="javascript:this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.gdgm.cn')" style="text-decoration:underline ">设为首页</a></p> <p><a href="javascript:window.external.addFavorite('http://www.gdgm.cn','广东工贸职业技术学院')" style="text-decoration:none ">加入收藏</a></p> <p>
<a href="mailto:123@sina.com.cn" style="text-decoration:none ">写信给我</a>
5、
扫一扫
1472
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
