1.
option 元素定义下拉列表中的一个选项（一个条目）。
浏览器将 <option> 标签中的内容作为 <select> 标签的菜单或是滚动列表中的一个元素显示。
option 元素位于 select 元素内部。
2.
<input type="radio" name="age">表示点选框,就是一个圆圈,选中后中间多出一个点
3.
select 元素可创建单选或多选菜单。
<select&> 元素中的 <option> 标签用于定义列表中的可用选项。
<select>
<option value ="volvo">Volvo</option>
<option value ="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
4.
checkbox 定义复选框
5.
插入图片
<img src="/i/eg_tulip.jpg" alt="上海鲜花港 - 郁金香" />
可选的属性
height pixels % 定义图像的高度。
width pixels % 设置图像的宽度。
6.
如果想让鼠标放在图片上显示出想要的文字，在img标签里加入title=“”
7.
<style>
body {background-color: blue;}
</style>此代码为背景颜色
8.
HTML 链接
HTML 链接是通过标签 <a> 来定义的.
实例
<a href="http://www.w3cschool.cc">这是一个链接</a>
9.
特殊字符与转义码
空格  
版权号© ©
注册商标® ®
“"
& &
< <
> >
转义码后面必须加分号！！！
9.
(1)无序列表<ul>..</ul>
无需列表的语法
<ul type="项目符号的类型">
<li type="项目符号类型">内容1</li>
<li>内容2</li>
</ul>disc实心圈 circle空心圈 square实心方块
(2)有序列表<ol>..</ol>
<ol start="列表起点" type=“项目符号类型”>
<li>内容1</li>
<li>内容2</li>
</ol>
属性名称type
属性值：
1，表示以1,2,3,4来表示
a，表示以a，b,c,d,来表示
A，表示以A,B,C,D来表示
i，表示以i，ii，iii来表示
l，表示以l,ll,lll来表示
他们2个里用li
(3)定义列表<dl>..</dl>
<dt></dt>表示列表里的某个标题
<dd></dd>具体内容用dd
10.
如果一个文件夹中有图片有文件夹，网页在文件夹里，引用图片则需要在图片前加../
如果一个文件夹里有图片有文件夹，文件夹里还有个文件夹，最里面的文件夹里有网页，要引用图片就在图片前加../../
11.引用图片的属性
属性名称 属性值 说明
src url 图片的路径
alt 文本 规定图片的替代文本【图无法显示时】
title 文本 鼠标悬停时显示的内容
width 像素/百分比 设置图片宽
height 像素/百分比 设置图片高
border 数字 设置图像边框
align：left 图片靠左，文字靠右
right 图片靠右，文字靠左
top文字垂直居中
middle文字垂直居中
bottom文字垂直居下
vspace 像素 定义图像顶部和底部的空白（垂直边距）
hspace 像素 定义图像左侧和右侧的空白(水平边距)
12.
表格的定义标签
<table></table>定义表格
<tr></tr>定义表行
<td></td>定义表列（单元格）
<th></th>定义标题栏（文字加粗）
13.<table></table>
background 设置表格的背景图片
bgcolor 设置表格背景色
border 设置边框的宽度
cellpadding设置表格单元格边框与其内部内容之间空间的大小
cellspacing 设置表格单元格之间空间的大小
bordercolor 设置表格边框的颜色
bordercolorlight设置边框亮部分的颜色
bordercolordark 暗部分的颜色
align表格的对其方式 left cente right
width 设置表格的宽度，单位用绝对像素值或总宽度的百分比
14.
在editpuls中按TAB键向右缩进，按tab+shift键向左缩进
15.
<td rowspan=" " >设置行合并的数目
<td colspan="">设置列合并的数目
16.
推出一个合并删除td的公式，删除的个数=合并的个数-1
17.
立体表格效果，其实就是将，表格的亮边框颜色与暗边框颜色进行对比
表格自身有边框，单元格自身也有边框
18.
细线表格攻略
【1】将表格自身的border=0
【2】给表格设置背景颜色======细线颜色
【3】给表格设置，单元格之间距离====细线粗细
19.
当<td></td>之间没有内容时，默认，是不显示边框，如果想看到，加个 
20.
使用html标签时，最好的方式用适合的标签来描述
21.表格的标题
<table>
<caption>
</caption>
</table>
标题随着表格一起动
caption的属性：
left right bottom top分别为位于表格的
22.
表格可以分为
<thead>表头
<tbody>表体
<tfoot>表尾
23.
直列化格式：
<col>.....</col>
属性名称 属性值 说明
align left 靠左
cente 靠中
right 靠右
valign top 靠上
middle 靠中
bottom 靠下
span 数字 直列数
bgcolor 颜色 背景颜色
个别直列设置
24.
超级链接
<a href=链接目标 title=“注释”target=“打开链接窗口的形式”>显示内容</a>
_blank在新窗口打开
_self在自身窗口打开（默认值）
_parent在上一级窗口中打开，框架会经常使用
_top在浏览器的整个窗口打开，忽略任何框架
25.
链接的类型
1内部链接
当前文档与目标文档在同一站点内
<a href=目标文档位置及全称>
2外部链接
当前文档与目标文档部在同一站点内
<a href=URL(网址)>
3E-mail链接
并允许访问者向指定的地址发送邮件
<a href=mailto:电子邮件地址>
4局部链接（锚点）
跳转到同一网页或其他文档中的指定位置
创建锚点：
<a name=“锚点名称”>显示内容</a>
链接锚点:
<a href="#锚点名称">显示内容</a>
5、空链接
就是没有目标断电的链接。格式<a href="#">显示内容</a>
26.
表格内框线消除用rules="none"
27.
<script type="text/javascript">
alert("") 弹出来一句话
window.οnlοad=function(){
}; 当网页加载完成之后，执行什么操作。
main.οnmοuseοver=function(){
};当鼠标经过定义的main时
main.οnmοuseοut=function(){
};当鼠标移开时
</scirpt>
28.
css定义的技巧：
1、为了将来的css代码优化，建议，所有的属性值后面，都要带上”；“
2、某些xhtml标签，有自己的默认的css属性值
3、为了兼容主流浏览器，为了统一，建议设置时将所有元素的css属性重置为标准的
4、不同的浏览器，有各自不同的css属性值-----要命的，就是浏览器的兼容性。
29.
css控制字体
设置字号 font-size：12px
设置字色： color：#00000
设置字体 font-family：Arial，'宋体'
设置行高 line-height：150% line-height：1.5em（相对大小，相当于所修饰的文字的总字号的多少倍）
设置字体的粗细 font-weight：normal【正常】 bold【粗体】
30.
一个特殊字体想用，将其转为图片
分中英文字体，设置字体的顺序，将英文字体设置在前，将中文字体设置在后
31.
想让文字在垂直方向上，居中，将行高设置为，元素的高度，行高=元素高度
32.
文字的内容不能超过，元素的宽度，也就是不能，换行。
33.
css可以重新设置，xhtml标签的默认样式
34.
行内样式：应用于一个
嵌入样式：应用于一类标签
如果有很多网页要用外部链接式
35.
外部链接式“样式表”：将样式表写在一个独立的.css文件中，然后在页面head区<head>标记内用<link>标签调用它，
主要用于实现表现与结构分离如：<link href="main.css" rel="stylesheet" type="text/css"/>
36.
导入式不推荐使用，因为会占用html空间且有些浏览器解析会有问题，浏览器会最后读取@import中的内容。
37.
css选择符
1.什么选择符，就是你要控制的对象。
2.如果要修改html标签的样式，以html标签为选择符，标签选择符（类型选择符）
例如：要控制网页中的所有p标签 p{属性：值}
3.只想针对某一个元素进行控制，使用ID选择符，id在网页中，具有唯一性，也就是在网页中只出现一次的内容
#ID名称{属性值：值}
#two{font-size：24px；}
<p id="two">
针对某一类元素设置相同的样式
.waring{color：red；}
类应用还要通过class=“类名”应用于元素
同时给某个元素应用多个类
<p class=“a1 a2”；>......</p>
类名与类名之间要以空格分隔
38.
类名或者id名不要以数字开头
39.
css的特性
css叫层叠式样式表，
1.继承：
网页当中的子元素，将继承父元素的样式
例如要给p标签加样式可以给body直接加样式
【因为有些子元素本身有默认值，所以就不用父元素】
2.层叠：
网页中子元素定义了与父元素相同的样式，则子元素的样式将覆盖掉父元素的样式
后面定义的样式，会覆盖前面定义的样式。
3.css样式的优先权：当样式有冲突时，
内联式【直接写在标签里】---->内嵌式【写在head里】--->链接式----->导入式
就近原则，作用范围越小，优先权越高
离要修饰目标越近的样式优先权越高
40.
css盒子模型
一个盒子是由以下几部分构成的：
1.盒子中的内容 content
2.盒子的边框 border
3.盒子的边框与内容之间的距离，称为填充--padding，内边距
4.多个盒子存在，盒子与盒子之间的距离，称之为边界-margin
41.
HTML标签
标题- h1 h2 h3 h4 h5 h6
文本 -abbr blockquote code em p strong
表单- form input textarea button srlect option
42.
在css中border：5px solid bule，表示一个边框为5像素，边框颜色为蓝色。
43.
设置元素的宽度 width：100px；
设置元素的高度 height:100px;
设置元素的某一个方向外边距 margin-top、right、bottom、left：10px
通知参数个数不同来设置元素的外边距 margin:10px;上下左右4个方向 margin：10px 20px；上下 左右 margin：10px 20px 30px；上 左右 下 margin：10px 20px 30px 40px；上 右 下 左
设置元素的内边距 padding：上 右 下 左
44.
将来使用外边距的时候，要注意浏览器的兼容性。
45.
设置边框粗细 border-top-width：12px
设置边框样式 border-top-style：solid【实线】、dashed【虚线】
设置边框颜色 boder-top-color：#00000
设置某一边框属性的简捷方式 border-边框位置：线宽 线形 颜色；
设置某一元仅限于四条边框属性完全相同素四条边框属性的简捷方式 border：线宽 线形 颜色；
46.
display：block ；将内联元素变成块状元素，块状元素很霸道独占一行，可以控制行高行宽，
display：inline； 将块状元素变成内联元素。
47.
css控制背景
背景 background：颜色 图片 平铺方式 固定方式 位置（这里是属性）
背景颜色 background-color：#ccc；
背景图像 background-image：url（背景图像的位置及全称）
背景图像的重复方式 background-repeat：【repeat、no-repeat、repeat-x、repeat-y】
背景图像的位置 background-position：top【left center right】 center【left center right】bottom【left center right】，x坐标y坐标【第一个值是水平位置，第二个值时候垂直位置。左上角是0 0单位是像素（0px 0px）】
背景图像的依附方式 background-attachment：【scroll、fixed】
48.
：link 是一种伪类，表示一种状态
：hover 表示鼠标放上面图标的变化，就是两张图片一张正常的，另一张是鼠标放上的。
49.
css布局有三种方式：
1、默认文档流方式
以默认的html元素的结构顺序显示
2、浮动布局方式
通过设置html元素的float属性显示
3、定位布局方式
通过设置html元素的position属性显示
50.
首页的名字叫index
51.
上边距（margin-top）
浮动方式（float）
背景颜色（background-color）
文本对其方式（text-align）
52.
清除浮动方法
方法一：使用带clear属性的空元素
在浮动元素后使用一个空元素如<div class="clear"></div>，
并在CSS中赋予.clear{clear:both;}属性即可清理浮动。
亦可使用<br class="clear" />或<hr class="clear" />来进行清理。
53.JavaScript使用document.write来输出内容。
54.function myFunction()
{
x=document.getElementById("demo"); // 找到元素
x.innerHTML="Hello JavaScript!"; // 改变内容
}
55.JavaScript：对事件作出反应
实例
<button type="button" οnclick="alert('Welcome!')">点击这里</button>
option 元素定义下拉列表中的一个选项（一个条目）。
浏览器将 <option> 标签中的内容作为 <select> 标签的菜单或是滚动列表中的一个元素显示。
option 元素位于 select 元素内部。
2.
<input type="radio" name="age">表示点选框,就是一个圆圈,选中后中间多出一个点
3.
select 元素可创建单选或多选菜单。
<select&> 元素中的 <option> 标签用于定义列表中的可用选项。
<select>
<option value ="volvo">Volvo</option>
<option value ="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
4.
checkbox 定义复选框
5.
插入图片
<img src="/i/eg_tulip.jpg" alt="上海鲜花港 - 郁金香" />
可选的属性
height pixels % 定义图像的高度。
width pixels % 设置图像的宽度。
6.
如果想让鼠标放在图片上显示出想要的文字，在img标签里加入title=“”
7.
<style>
body {background-color: blue;}
</style>此代码为背景颜色
8.
HTML 链接
HTML 链接是通过标签 <a> 来定义的.
实例
<a href="http://www.w3cschool.cc">这是一个链接</a>
9.
特殊字符与转义码
空格  
版权号© ©
注册商标® ®
“"
& &
< <
> >
转义码后面必须加分号！！！
9.
(1)无序列表<ul>..</ul>
无需列表的语法
<ul type="项目符号的类型">
<li type="项目符号类型">内容1</li>
<li>内容2</li>
</ul>disc实心圈 circle空心圈 square实心方块
(2)有序列表<ol>..</ol>
<ol start="列表起点" type=“项目符号类型”>
<li>内容1</li>
<li>内容2</li>
</ol>
属性名称type
属性值：
1，表示以1,2,3,4来表示
a，表示以a，b,c,d,来表示
A，表示以A,B,C,D来表示
i，表示以i，ii，iii来表示
l，表示以l,ll,lll来表示
他们2个里用li
(3)定义列表<dl>..</dl>
<dt></dt>表示列表里的某个标题
<dd></dd>具体内容用dd
10.
如果一个文件夹中有图片有文件夹，网页在文件夹里，引用图片则需要在图片前加../
如果一个文件夹里有图片有文件夹，文件夹里还有个文件夹，最里面的文件夹里有网页，要引用图片就在图片前加../../
11.引用图片的属性
属性名称 属性值 说明
src url 图片的路径
alt 文本 规定图片的替代文本【图无法显示时】
title 文本 鼠标悬停时显示的内容
width 像素/百分比 设置图片宽
height 像素/百分比 设置图片高
border 数字 设置图像边框
align：left 图片靠左，文字靠右
right 图片靠右，文字靠左
top文字垂直居中
middle文字垂直居中
bottom文字垂直居下
vspace 像素 定义图像顶部和底部的空白（垂直边距）
hspace 像素 定义图像左侧和右侧的空白(水平边距)
12.
表格的定义标签
<table></table>定义表格
<tr></tr>定义表行
<td></td>定义表列（单元格）
<th></th>定义标题栏（文字加粗）
13.<table></table>
background 设置表格的背景图片
bgcolor 设置表格背景色
border 设置边框的宽度
cellpadding设置表格单元格边框与其内部内容之间空间的大小
cellspacing 设置表格单元格之间空间的大小
bordercolor 设置表格边框的颜色
bordercolorlight设置边框亮部分的颜色
bordercolordark 暗部分的颜色
align表格的对其方式 left cente right
width 设置表格的宽度，单位用绝对像素值或总宽度的百分比
14.
在editpuls中按TAB键向右缩进，按tab+shift键向左缩进
15.
<td rowspan=" " >设置行合并的数目
<td colspan="">设置列合并的数目
16.
推出一个合并删除td的公式，删除的个数=合并的个数-1
17.
立体表格效果，其实就是将，表格的亮边框颜色与暗边框颜色进行对比
表格自身有边框，单元格自身也有边框
18.
细线表格攻略
【1】将表格自身的border=0
【2】给表格设置背景颜色======细线颜色
【3】给表格设置，单元格之间距离====细线粗细
19.
当<td></td>之间没有内容时，默认，是不显示边框，如果想看到，加个 
20.
使用html标签时，最好的方式用适合的标签来描述
21.表格的标题
<table>
<caption>
</caption>
</table>
标题随着表格一起动
caption的属性：
left right bottom top分别为位于表格的
22.
表格可以分为
<thead>表头
<tbody>表体
<tfoot>表尾
23.
直列化格式：
<col>.....</col>
属性名称 属性值 说明
align left 靠左
cente 靠中
right 靠右
valign top 靠上
middle 靠中
bottom 靠下
span 数字 直列数
bgcolor 颜色 背景颜色
个别直列设置
24.
超级链接
<a href=链接目标 title=“注释”target=“打开链接窗口的形式”>显示内容</a>
_blank在新窗口打开
_self在自身窗口打开（默认值）
_parent在上一级窗口中打开，框架会经常使用
_top在浏览器的整个窗口打开，忽略任何框架
25.
链接的类型
1内部链接
当前文档与目标文档在同一站点内
<a href=目标文档位置及全称>
2外部链接
当前文档与目标文档部在同一站点内
<a href=URL(网址)>
3E-mail链接
并允许访问者向指定的地址发送邮件
<a href=mailto:电子邮件地址>
4局部链接（锚点）
跳转到同一网页或其他文档中的指定位置
创建锚点：
<a name=“锚点名称”>显示内容</a>
链接锚点:
<a href="#锚点名称">显示内容</a>
5、空链接
就是没有目标断电的链接。格式<a href="#">显示内容</a>
26.
表格内框线消除用rules="none"
27.
<script type="text/javascript">
alert("") 弹出来一句话
window.οnlοad=function(){
}; 当网页加载完成之后，执行什么操作。
main.οnmοuseοver=function(){
};当鼠标经过定义的main时
main.οnmοuseοut=function(){
};当鼠标移开时
</scirpt>
28.
css定义的技巧：
1、为了将来的css代码优化，建议，所有的属性值后面，都要带上”；“
2、某些xhtml标签，有自己的默认的css属性值
3、为了兼容主流浏览器，为了统一，建议设置时将所有元素的css属性重置为标准的
4、不同的浏览器，有各自不同的css属性值-----要命的，就是浏览器的兼容性。
29.
css控制字体
设置字号 font-size：12px
设置字色： color：#00000
设置字体 font-family：Arial，'宋体'
设置行高 line-height：150% line-height：1.5em（相对大小，相当于所修饰的文字的总字号的多少倍）
设置字体的粗细 font-weight：normal【正常】 bold【粗体】
30.
一个特殊字体想用，将其转为图片
分中英文字体，设置字体的顺序，将英文字体设置在前，将中文字体设置在后
31.
想让文字在垂直方向上，居中，将行高设置为，元素的高度，行高=元素高度
32.
文字的内容不能超过，元素的宽度，也就是不能，换行。
33.
css可以重新设置，xhtml标签的默认样式
34.
行内样式：应用于一个
嵌入样式：应用于一类标签
如果有很多网页要用外部链接式
35.
外部链接式“样式表”：将样式表写在一个独立的.css文件中，然后在页面head区<head>标记内用<link>标签调用它，
主要用于实现表现与结构分离如：<link href="main.css" rel="stylesheet" type="text/css"/>
36.
导入式不推荐使用，因为会占用html空间且有些浏览器解析会有问题，浏览器会最后读取@import中的内容。
37.
css选择符
1.什么选择符，就是你要控制的对象。
2.如果要修改html标签的样式，以html标签为选择符，标签选择符（类型选择符）
例如：要控制网页中的所有p标签 p{属性：值}
3.只想针对某一个元素进行控制，使用ID选择符，id在网页中，具有唯一性，也就是在网页中只出现一次的内容
#ID名称{属性值：值}
#two{font-size：24px；}
<p id="two">
针对某一类元素设置相同的样式
.waring{color：red；}
类应用还要通过class=“类名”应用于元素
同时给某个元素应用多个类
<p class=“a1 a2”；>......</p>
类名与类名之间要以空格分隔
38.
类名或者id名不要以数字开头
39.
css的特性
css叫层叠式样式表，
1.继承：
网页当中的子元素，将继承父元素的样式
例如要给p标签加样式可以给body直接加样式
【因为有些子元素本身有默认值，所以就不用父元素】
2.层叠：
网页中子元素定义了与父元素相同的样式，则子元素的样式将覆盖掉父元素的样式
后面定义的样式，会覆盖前面定义的样式。
3.css样式的优先权：当样式有冲突时，
内联式【直接写在标签里】---->内嵌式【写在head里】--->链接式----->导入式
就近原则，作用范围越小，优先权越高
离要修饰目标越近的样式优先权越高
40.
css盒子模型
一个盒子是由以下几部分构成的：
1.盒子中的内容 content
2.盒子的边框 border
3.盒子的边框与内容之间的距离，称为填充--padding，内边距
4.多个盒子存在，盒子与盒子之间的距离，称之为边界-margin
41.
HTML标签
标题- h1 h2 h3 h4 h5 h6
文本 -abbr blockquote code em p strong
表单- form input textarea button srlect option
42.
在css中border：5px solid bule，表示一个边框为5像素，边框颜色为蓝色。
43.
设置元素的宽度 width：100px；
设置元素的高度 height:100px;
设置元素的某一个方向外边距 margin-top、right、bottom、left：10px
通知参数个数不同来设置元素的外边距 margin:10px;上下左右4个方向 margin：10px 20px；上下 左右 margin：10px 20px 30px；上 左右 下 margin：10px 20px 30px 40px；上 右 下 左
设置元素的内边距 padding：上 右 下 左
44.
将来使用外边距的时候，要注意浏览器的兼容性。
45.
设置边框粗细 border-top-width：12px
设置边框样式 border-top-style：solid【实线】、dashed【虚线】
设置边框颜色 boder-top-color：#00000
设置某一边框属性的简捷方式 border-边框位置：线宽 线形 颜色；
设置某一元仅限于四条边框属性完全相同素四条边框属性的简捷方式 border：线宽 线形 颜色；
46.
display：block ；将内联元素变成块状元素，块状元素很霸道独占一行，可以控制行高行宽，
display：inline； 将块状元素变成内联元素。
47.
css控制背景
背景 background：颜色 图片 平铺方式 固定方式 位置（这里是属性）
背景颜色 background-color：#ccc；
背景图像 background-image：url（背景图像的位置及全称）
背景图像的重复方式 background-repeat：【repeat、no-repeat、repeat-x、repeat-y】
背景图像的位置 background-position：top【left center right】 center【left center right】bottom【left center right】，x坐标y坐标【第一个值是水平位置，第二个值时候垂直位置。左上角是0 0单位是像素（0px 0px）】
背景图像的依附方式 background-attachment：【scroll、fixed】
48.
：link 是一种伪类，表示一种状态
：hover 表示鼠标放上面图标的变化，就是两张图片一张正常的，另一张是鼠标放上的。
49.
css布局有三种方式：
1、默认文档流方式
以默认的html元素的结构顺序显示
2、浮动布局方式
通过设置html元素的float属性显示
3、定位布局方式
通过设置html元素的position属性显示
50.
首页的名字叫index
51.
上边距（margin-top）
浮动方式（float）
背景颜色（background-color）
文本对其方式（text-align）
52.
清除浮动方法
方法一：使用带clear属性的空元素
在浮动元素后使用一个空元素如<div class="clear"></div>，
并在CSS中赋予.clear{clear:both;}属性即可清理浮动。
亦可使用<br class="clear" />或<hr class="clear" />来进行清理。
53.JavaScript使用document.write来输出内容。
54.function myFunction()
{
x=document.getElementById("demo"); // 找到元素
x.innerHTML="Hello JavaScript!"; // 改变内容
}
55.JavaScript：对事件作出反应
实例
<button type="button" οnclick="alert('Welcome!')">点击这里</button>
260
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
