静态HTML总结

第一章
<META>标签：
<meta http-equiv=”Content-Type” Content=”text/html;charset=gb2312”>------避免乱码

Bgcolor：背景颜色 background：背景图

六级标题：<H1>到<H6> 依次递减

<FONT>标签：
属性：face----字体类型
Size----字体大小
Color---颜色

特殊符号：
大于：&gt;
小于：&lt;
空格：&nbsp;
引号：&quot;
版权号：&copy;

行的控制标签：
<p>(</p>)------段落标签（结束标签为可选）
<br>--------换行标签（没有结束标签）

<IMG>标签：
<img src=”路径” alt=”提示文字内容” 宽度 高度>
属性：
Align:------图片和当前文字的对齐方式(top--顶端 bottom--底部 middle—中部 left—左对齐 right—右对齐)

<HR>标签：水平分隔线

列表：
无序列表：<UL type=”类型”>
<LI></LI>
</UL>

-------type属性值：circle空心圆环 disc实心圆点(默认的) square正方形

有序列表：<OL type=”类型”>
<LI></LI>
</OL>

--------type属性值：1、a、A、i、I
<A>标签：超链接

链接到其他页面： <a href=”路径”></a>
链接到本页面：
<a name=”marker”>fghgg</a>-----创建锚标记
<a href=”#marker”>fghgg</a>-----使用它
电子邮件链接：
<a href=”mailto: 网址”></a>

<MARQUEE>标签：滚动条
<marquee scrolldelay=”100” direction=”up” onmouseover=”this.stop()” onmouseout=”this.start()”>

-----scolldelay---滚动延迟时间 direction----滚动方向：up、down、left、right
Onmouseover---当鼠标停在上面的时候触发
OnmouseOut----当鼠标离开的时候触发

第二章
跨行跨列：
Rowspan----跨行
Colspan-----跨列

设置填充、间距属性
Cellpadding----文字与边框的距离
Cellspacing----表格内边框间距
第三章
<FORM>标签：
<form name=”form1” method=”post” action=”地址/processform(表单的处理程序)”>
表单提交方式：post get(不安全)
表单元素：(要在<input>标签中使用)
文本框：text
密码框：password
单选按钮：radio
复选框：checkbox
列表框：select和option来实现
按钮：button---普通按钮 submit---提交按钮 reset---重置按钮
多行文本：textarea (用cols和rows分别来设置他的宽度和高度)

框架：<frameset>(框架集)
<frameset>
<frame name=”” src=”该位置要放的网页” scrolling=”no”(是否显示滚动条) noresize(禁止改变框架窗口的大小) >
</frameset>

实现框架页面的链接
设计好框架集页面，为每个框架窗口定义好名称
<.frame name=”rightframe” src=”right.html”>
设置导航栏中的超链接的target目标窗口属性，使其值为框架窗口的名字
< a href=”right.html” target=”rightframe”>

4个特殊的窗口：
Target可以取4个值---------_blank (新启一个窗口打开链接)
_self （在同一个窗口打开(默认值)）
_parent (在上一级窗口打开)
_top (在整个浏览器窗口打开)

CSS样式表

样式表的结构：
<style type=”text/css”>
选择器
属性：属性值；
}
</style>
常用的样式属性：
文本属性：font-size 字体大小
Font-family 类型
Font-style 字体
Color 颜色
Text-align 对齐方式
背景属性:：
Background-color 背景颜色
Background-image 背景图片
Background-repeat repeat(铺满) no-repeat(不平铺) repeat-x(水平方向平铺) repeat-y(垂直方向平铺)
方框属性：
边界属性：margin-top 上边距
Margin-right 右边据
Margin-left 左边距
Margin-bottom 下边距
边框属性：border-style 边框样式
Border-color 颜色
Border-width 边框宽度
填充属性：padding-top 与上边框的距离
Padding-right 与右边框的距离
Padding-left 与左边框的距离
Padding-bottom 与下边框的距离

特殊样式：
A:link{} 未被访问的链接样式
A:visited{} 已被访问过的链接样式
A:hover{} 鼠标悬浮在链接上时的样式
A:active{} 鼠标正在按下时链接文字的样式

样式表的3类应用方式：

内嵌样式表
行内样式
外部样式（要用LINK链接标签）
<link rel=”sylesheet（外部样式表）” type=”text/css” hret=”引入的样式文件” >