Dreamweaver 8 基础代码
1
2
3
HTML基本结构（每个网页都是在基本结构的基础上添加内容的）
4
<html>---------网页文件开始标签
5
<head>--------头部元素开始标签
6
<title>----------网页标题开始标签
7
… 头部元素
8
</title>---------网页标题结束标签
9
</head>-------头部元素结束标签
10
<body>---------网页内容开始标签
11
... 网页具体内容
12
</body>--------网页内容结束标签
13
</html>---------网页文件结束标签
14
15
Dreamweaver的代码里打“<”会出现可选择代码，或在“< >”里打空格也16
会出现，方便输入。
17
标签书写方式（不同标签书写方式不同）
18
1. <标签>对象</标签>
19
如：title、head等。
20
2. <标签>
21
如：br
22
3. <标签该标签的属性1=“参数1” 该标签的属性2=“参数23
2” ...>对象</标签>
24
如：font
25
注意：
26
1.第三种类型的标签也可以使用第一种的格式，即标签的属性不一定要写。
27
2.可以嵌套，但要注意顺序。
28
29
两个代码之间至少要用一个空格隔开。
30
几个常用标签介绍
文字：<font face=”” size=”” color=”” …>...</font>
31
32
face:字体，引号中输入字体名。
如：face=“黑体”。
默认是宋33
体。
size:字号。
可以是-7--------+7之间整数。
默认是3。
34
35
color:颜色。
可使用“red”之类的颜色名称或16进制编码指定。
36
默认黑色。
37
换行：<br>
38
加粗：<b>...</b>
39
倾斜：<i>...</i>
40
41
42
滚动字幕:
43
滚动标签： marquee
最简表达： <marquee>相关字幕</marquee>
44
45
滚动的属性：
46
Direction--表示滚动的方向，值可以是left，right，up，down，默认为47
left
48
Behavior--表示滚动的方式，值可以是scroll（连续滚动）slide（滑动一
61
height、width--表示运动区域的高度和宽度，值是正整数（单位是像素）62
或百分数，默认height=100% ,width=100%（若为正整数则自动调整原表格大小，63
若为百分数则表示占原表格大小的百分比，且不会自动调整原表格大小。
）
64
hspace、vspace--表示元素到区域边界的水平距离和垂直距离，值是正整65
数，单位是像素
66
onmouseover=this.stop() onmouseout=this.start()--表示当鼠标移到滚67
动区域的时候滚动停止，当鼠标移开的时候又继续滚动
68
图片插入代码：
69
70
<img src="要滚动的图片地址" border="…" alt="图片所提示的信息 "
71
title="图片所提示的信息 ">
72
border是它的边框大小
73
alt：使用alt属性是为了给那些不能看到你网页中图像的浏览者提供文字74
说明，也就是图片显示不了的时候显示的文字。
75
title：图片正常显示时，鼠标悬停在图片上方显示的提示文字。
76
77
78
textarea 标签 -- 代表HTML表单多行输入域
79
textarea标签是成对出现的,以<textarea>开始,以</textarea>结束
80
属性:
81
Common -- 一般属性
cols -- 多行输入域的列数
82
83
rows -- 多行输入域的行数
84
accesskey -- 表单的快捷键访问方式
85
disabled -- 输入域无法获得焦点,无法选择,以灰色显示,在表单中不起任86
何作用
87
readonly -- 输入域可以选择,但是无法修改
88
tabindex -- 输入域,使用"tab"键的遍历顺序
89
placeholder--灰色文本提示
90
超链接：
91
92
<a href="#mingzi">点击我跳转</a> 本行解释：#代表本页面，mingzi是
你给跳转到的对象定义的名字
93
94
<a name="mingzi">跳转到的对象</a> 给跳转到的对象定义名字
95
然后点击“点击我跳转”，就可以跳转到“跳转到的对象”。