1 第一章
2 <META>标签:
3 <meta http-equiv=”Content-Type” Content=”text/html;charset=gb2312”>------避免乱码
4
5 Bgcolor:背景颜色 background:背景图
6
7 六级标题:<H1>到<H6> 依次递减
8
9 <FONT>标签:
10 属性:face----字体类型
11 Size----字体大小
12 Color---颜色
13
14 特殊符号:
15 大于:>
16 小于:<
17 空格:
18 引号:"
19 版权号:©
20
21 行的控制标签:
22 <p>(</p>)------段落标签(结束标签为可选)
23 <br>--------换行标签(没有结束标签)
24
25 <IMG>标签:
26 <img src=”路径” alt=”提示文字内容” 宽度 高度>
27 属性:
28 Align:------图片和当前文字的对齐方式(top--顶端 bottom--底部 middle—中部 left—左对齐 right—右对齐)
29
30 <HR>标签:水平分隔线
31
32 列表:
33 无序列表:<UL type=”类型”>
34 <LI></LI>
35 </UL>
36
37 -------type属性值:circle空心圆环 disc实心圆点(默认的) square正方形
38
39 有序列表:<OL type=”类型”>
40 <LI></LI>
41 </OL>
42
43 --------type属性值:1、a、A、i、I
44 <A>标签:超链接
45
46 链接到其他页面: <a href=”路径”></a>
47 链接到本页面:
48 <a name=”marker”>fghgg</a>-----创建锚标记
49 <a href=”#marker”>fghgg</a>-----使用它
50 电子邮件链接:
51 <a href=”mailto: 网址”></a>
52
53
54 <MARQUEE>标签:滚动条
55 <marquee scrolldelay=”100” direction=”up” onmouseover=”this.stop()” onmouseout=”this.start()”>
56
57 -----scolldelay---滚动延迟时间 direction----滚动方向:up、down、left、right
58 Onmouseover---当鼠标停在上面的时候触发
59 OnmouseOut----当鼠标离开的时候触发
60
61
62 第二章
63 跨行跨列:
64 Rowspan----跨行
65 Colspan-----跨列
66
67 设置填充、间距属性
68 Cellpadding----文字与边框的距离
69 Cellspacing----表格内边框间距
70 第三章
71 <FORM>标签:
72 <form name=”form1” method=”post” action=”地址/processform(表单的处理程序)”>
73 表单提交方式:post get(不安全)
74 表单元素:(要在<input>标签中使用)
75 文本框:text
76 密码框:password
77 单选按钮:radio
78 复选框:checkbox
79 列表框:select和option来实现
80 按钮:button---普通按钮 submit---提交按钮 reset---重置按钮
81 多行文本:textarea (用cols和rows分别来设置他的宽度和高度)
82
83 框架:<frameset>(框架集)
84 <frameset>
85 <frame name=”” src=”该位置要放的网页” scrolling=”no”(是否显示滚动条) noresize(禁止改变框架窗口的大小) >
86 </frameset>
87
88
89 实现框架页面的链接
90 1、设计好框架集页面,为每个框架窗口定义好名称
91 <.frame name=”rightframe” src=”right.html”>
92 2、设置导航栏中的超链接的target目标窗口属性,使其值为框架窗口的名字
93 < a href=”right.html” target=”rightframe”>
94
95 4个特殊的窗口:
96 Target可以取4个值--------_blank (新启一个窗口打开链接)
97 _self (在同一个窗口打开(默认值))
98 _parent (在上一级窗口打开)
99 _top (在整个浏览器窗口打开)
100
101 第四章CSS样式表
102
103 样式表的结构:
104 <style type=”text/css”>
105 选择器
106 属性:属性值;
107 }
108 </style>
109 常用的样式属性:
110 文本属性:font-size 字体大小
111 Font-family 类型
112 Font-style 字体
113 Color 颜色
114 Text-align 对齐方式
115 背景属性::
116 Background-color 背景颜色
117 Background-image 背景图片
118 Background-repeat repeat(铺满) no-repeat(不平铺) repeat-x(水平方向平铺) repeat-y(垂直方向平铺)
119 方框属性:
120 边界属性:margin-top 上边距
121 Margin-right 右边据
122 Margin-left 左边距
123 Margin-bottom 下边距
124 边框属性:border-style 边框样式
125 Border-color 颜色
126 Border-width 边框宽度
127 填充属性:padding-top 与上边框的距离
128 Padding-right 与右边框的距离
129 Padding-left 与左边框的距离
130 Padding-bottom 与下边框的距离
131
132
133 特殊样式:
134 A:link{} 未被访问的链接样式
135 A:visited{} 已被访问过的链接样式
136 A:hover{} 鼠标悬浮在链接上时的样式
137 A:active{} 鼠标正在按下时链接文字的样式
138
139
140 样式表的3类应用方式:
141
142 内嵌样式表
143 行内样式
144 外部样式(要用LINK链接标签)
145 <link rel=”sylesheet(外部样式表)” type=”text/css” hret=”引入的样式文件” >
146