一.Html的头部标记 (位于<head>和</head>之间)
▲.<base> 基底网址标记 (相对路径附在基底网址中.设置的绝对路径的后面).绝对路径不受基底网址设定的绝对路径控制.
▲.<basefont> 基底文字标记表示文字的字体\字号和颜色
属性:face字体 size字号 color颜色
▲.<title> 标题标记
▲.<meta> 元信息标记
⒈标记属性:
①『name 名称』
★ name的其它属性:
A.copyright(版权)
说明:标注版权
用法:<meta content="">
注意:content="版权说明"
B.generator(编辑器)
说明:编辑器的说明
用法:<meta content="">
注意:content="你所用编辑器"
C.revisit-after(重访)
用法:<meta content="">
D.build(网站建设时间)
说明:标注时间
用法:<meta content="">
注意:content="输入日期"
E.reply-to(记载联系人邮箱)
用法:<meta content="">
注意:content="网站联系人邮箱"
②『content 内容 』
★ content属性:
A.charset
说明:设置语系。Charset选项：ISO-8859-1(英文)、BIG5、UTF-8、SHIFT-Jis、Euc、Koi8-2、us- ascii, x-mac-roman, iso-8859-2, x-mac-ce, iso-2022-jp, x-sjis, x-euc-jp,euc-kr, iso-2022-kr, gb2312, gb_2312-80, x-euc-tw, x-cns11643-1,x-cns11643-2等字符集
③『HTTP-EQUIV〓HTTP-EQUIV类似于HTTP的头部协议，它回应给浏览器一些有用的信息，以帮助正确和精确地显示网页内容。』
★ HTTP-EQUIV属性:
A.Content-Type
说明:设定页面使用的字符集，用以说明主页制作所使用的文字已及语言，浏览器会根据此来调用相应的字符集显示page内容。
B.refresh
说明:刷新文档
C.值
C1.page-enter
说明:打开网页时记录网页转场的效果
结合content属性:revealtrans(duration=3表示滤镜特效持续的时间为3秒,transtion=滤镜类型，表示使用哪种特效，取值为0-23)
C2.page-exit
说明:离开网页时网页过渡的效果
★ HTTP-EQUIV常用类型:
A.Expires(期限)
说明:指定网页在缓存中的过期时间,一旦网页过期,必须到服务器上重新调阅.
用法:<meta http-epuiv="expires" content="0">
<meta http-epuiv="expires" content="wed,26 feb 1997 08:21:57 GMT">
注意:必须使用GMT的时间格式,或直接设置为0(数字表示多少时间后过期)
B.Pragma(cach模式)
说明:禁止浏览器从本地机的缓存中调阅页面内容.
用法:<meta http-epuiv="Pragma" content="NO-cach">
注意:网页不保存在缓存中,每次访问都刷新页面.这样设定,访问者将无法脱机浏览.
C.Window-target(显示窗口的设定)
用法:<meta http-epuiv="Window-target" content="_top">
注意:这个属性是用来防止别人在框架里调用你的页面.content选项:_blank _top _self _parent.
④『TRANSITION 滤镜类型』
★ 基本语法:<meta http-epuiv="page-enter" content="revealtrans(duration=value,transition=number)"
★ 注意:number可取以下数值
0 矩形减小 1 矩形扩大 2 圆形缩小 3 圆形扩大 4 向上擦除 5 向下擦除 6 向左擦除 7 向右擦除 8 垂直百叶窗 9 水平百叶窗 10 横向棋盘式 11 纵向棋盘式 12 溶解 13 左右向中部收缩 14 中部向左右展开 15 上下向中部收缩 16 中部向上下展开 17 阶梯状向左下展开 18 阶梯状向左上展开 19 阶梯状向右下展开 20 阶梯状向右上展开 21 随机水平线 22 随机垂直线 23 以上随机选择
二.Html内部主体标记
▲.主要位于<body>与<body>之间
相关属性:
A.bgcolor
B.background 设定页面背景图像
C.text
D.bgproperties设定页面背景图像为固定
E.link
F.vlink
G.alink
H.leftmargin 设定页面的左边距
I.topmargin
三.文字包括的内容
▲.文字内容位于<body>与<body>之间,其中有普通文字\空格符号\特殊字符\注释语句
▲.标题字标记:有六种标题<h1----h6>
★<h1----h6>有一种属性:<align>
(对齐)
★<align>有四种对齐方式(<left>左<right>右<center>居中<justify>两端)
▲.文字段落的修饰标记
★<b>粗体标记
★<em>斜体标记
★<s>删除线标记
★<u>下划线标记
★<sup>上标标记
★<sub>下标标记
★<big>大字号标记
★<small>小字号标记
★<font>标记:基本语法<font face="字体" size="字号" color="颜色">文字</font>
★<p>段落标记:一个属性<align>三种对齐方式:左\中\右
★<pre>域格式化标记:表示在代码视图与设计视图格式一样
★<center>居中标记
★<hr>水平线标记
★<kbd>提示标记
★<var>变量标记 :斜体显示程序代码
★<address>标记:用于斜体显示文档中比较重要的信息
★<blink>闪烁标记1秒一次(不被IE4.0及以上版本支持)
★<tt>标记:使文字以标准打印机字体显示
四.列表的标记
▲.无序列表 说明:通常用圆点\圆框\方框来表示
★<ul> 项目列表
★<li> 列表项 有个属性:1.type
A.type 说明:可以设置圆圈和方块(1.type=circle代表项目符号为圆圈。通过type改变项目符号。2.type=disc代表项目符号为圆点。通过type改变项目符号。3.type=square代表项目符号为方块。通过type改变项目符号。)
▲.有序列表 说明:通常用数字和字母来表示
★<ol> 编号列表 有两个属性:1.type 2.start
A.type 说明:可以设置数字.字母.小写和大写字母.小写和大写罗马数字
B.start 说明:设置从那个字母和数字开始.默认从1开始
★<li> 列表项
▲.定义列表 说明:一般分两个层次来表示 也称为字典列表
★<dl> 定义列表
★<dt> 定义术语
★<dd> 定义说明
▲.列表的嵌套
五.插入图片
▲.格式为:<img src="图片路径" lowsrc="低解析度源图片路径" alt="图片注释" width="宽 默认单位为像素，也可用百分比为单位，或其它。" height="高度" border="边框值" vspace="垂直边距值" hspace="水平边距值" align="对齐">
★低解析度源:如果显示图像很大，浏览器下载会很慢，我们指定一个低分辨率的图像副本（文件小），浏览器会先下载副本，在浏览器中先显示出来，然后下载较大图像，这样可以节省用户浏览网页的时间，又能保证网页的完整性。
★图片注释:替代文字
★边框
★垂直边距
★水平边距
▲.文本环绕与停止文本环绕
语法:<img src="file_name" align="value">
★align取值有两个(left 和right)
★如果想停止环绕.就在想停止的地方插入<br clear="">
<clear>属性有:A.left 停止文本环绕直到没有对齐左页边的图像
B.right 停止文本环绕直到没有对齐右页边的图像
c.all 停止文本环绕直到没有两边边都没有的图像
▲.图像映射
★通过<img>标记里的usemap属性就可以引用Map标记了.例:<img src="" usemap="#map">
★注意:map标记中name的值必须与img中usemap的取值相同,就是usemap的值前面多了一个#
★<map>标记 语法:<map >
★<area>有三个属性:
A.href:链接的地址
B.shap:映射区域的形状,取值可以是:
1.rect 矩形 2. circle 圆形 3.poly 多边形
C.coords:标识映射区域的边界
六.文字链接
▲.链接是网站多个网站链接在一起.
★target的属性:
★_blank 在本窗口打开
★_parent 在新窗口打开
★_self
★_top
title 链接提示文字
▲.锚点是将对较长的文章进行编号
★对href链接属性前面必须加#
▲.其它链接
★E-mail链接:格式为mailto:邮箱地址.如果有后缀以&号隔开
subject邮件主题 cc抄送人 bcc密件抄送人
★ftp链接:ftp://
★mews链接:news://
七.表格
▲.<table>表格标记
属性有:
A.border(边框值)
B.bordercolor(边框颜色)
▲.<tr>行标记
属性主要有:
bordercolordark(暗边框颜色) bordercolorlight(亮边框颜色)
▲.<td>单元格标记
属性有:
★th (单元格表头)
▲.<caption>表格标题:在<caption>与</caption>标记之间就是表格标题内容
属性有:
★align 1.bottom(在表格上方)2.center(在表格上方的中间)3.left(在表格的左边)4.right(在表格的右边)5.top(在表格的上方)
▲.<colsan> 是列跨距用来合并同一行的两个或多个单元格
▲.<rowspan> 是行跨距用来合并同一列相邻的一个或多个单元格
八.建立表单页面
▲.form标记表单是用<form>标记定义的.这个标记是一个容器控件,它不显示任何信息,只表示在<form>标记和</form>标记之间定义的控件中输入的数据是可以返回到Web服务器中相应的程序进行处理的.
★name属性:通过为表单命名可以控制表单与后台程序之间的关系.
★action属性:设置表单的提交地址.
★method属性:设置表单的提交方式.有三种方式:
A.默认方法 用浏览器的默认传送方式，一般默认为“GET”。
B.get方法将表单内的数据附加到链接后面传送给服务器，服务器用读取环境变量的方式读取表单内的数据。因为链接的长度限制8192个字符，所以长表单不能用此传送方式。
C.post方法用标准输入方式将表单内的数据传送给服务器，服务器用读取标准输入的方式读取表单内的数据，在理论上此方式对表单的长度不限。
★enctype属性:创建文件上传域使用enctype=multipart/form-data类型。
★target属性:设置表单信息返回的窗口。
▲.标记input 输入标记<input>是表单中最常用的标记之一。常用的文本域，按钮等都使用这个标记。
★name属性:文本域的名称。
★size属性:文本域的宽度。size=15代表文本域一次最多显示15个字符数。
★maxlength属性:文本域的最多字符数。maxlength=7代表最多只能在文本域中输入7个字符。
▲.textarea标记 这个标记用来制作多行的文字域，可以在其中输入更多的文本。
★cols属性: 这个标记用来规定文字域的列数。
★rows属性:这个标记用来规定文字域的行数。
★wrap属性:这个是控制文本换不换行
★type属性:type代表域的类型，type=password代表为密码域。
九.框架
▲.框架集标记<frameset>
★属性:frameborder (yes显示框架 no不显示框架)
★属性:rows(行框架尺寸,也可以定义框架数)
★属性:cols(列框架尺寸,也可以定义框架数)
★属性:framespacing(框架间距)
▲.框架标记<frame>
★属性:src(框架中显示页面源文件的路径)
★属性:name(框架名)
★属性:scrolling(框架是否滚动)
★属性:noresize(框架大小是否可以调节)
★属性:marginheight(框架高度)
★属性:marginwidth(框架宽度)
▲.浮动框架标记<iframe>
★属性:src(浮动框架中显示页面源文件的路径)
★属性:height(浮动框架高度)
★属性:width(浮动框架宽度)
★属性:name(框架名)
★属性:align(浮动框架的排列方式,left表示居左,center表示居中,right表示居右)
★属性:frameborder(框架边框显示属性)
★属性:scrolling(框架是否滚动)
★属性:noresize(框架大小是否可以调节)
★属性:marginheight(框架边缘高度)
★属性:marginwidth(框架边缘宽度)
▲.框架链接
★把Name的值设为要显示的方向,src的值设为要显示的地址.把要点击的链接的target的值设为Name的值设为要显示的方向
▲.浮动框架链接
★把要点击的链接的target的值设为Name的值设为框架名称
十.层
▲.层及其属性
★<div>标记
属性:
A.id(层的编号.给层命名)
B.position(定位) absolute(绝对定位) relative(相对定位)
C.left(左边界的距离)
D.top(上边界的距离)
E.z-index(决定层的先后顺序和覆盖关系)layer2代表层2，layer1代表层1，层2的z-index值大于层1的值，所以层2可以覆盖层1。
F.overflow(溢出.表示层超出大小的时候)
G.visible(无论层是否超出大小)
H.background-image(背景图像)
I.visibility(层的显示)
常见问题:
▲.使层在flash上面.使flash透明输入以下代码:
★<param value="transparent">
▲.半透明的层:
★首先做个css样式:代码如下
.halfalpha{background-color:#000000;filter:alpha(opacity=50)}
然后在层里将css样式引入
▲.解决乱码,错位或不能正确换行时用meta语句设置
<meta http-epuiv="content-language"content="zh-cn">
<meta http-epuiv="content-type"content="text/html;charset=gb2312">
▲.如何改变滚动条的颜色
★在<head>之间输入以下代码:
<style type=text/css>
body{scrollbar-base-color:black;}
</style>
1.scrollbar-face-color:滚动条页面颜色设定;
2.scrollbar-highlight-color:滚动条斜面和左面颜色设定;
3.scrollbar-shadow-color:滚动条下斜面和右面颜色设定;
4.scrollbar-3dlight-color:滚动条上边和左面的边沿颜色设定;
5.scrollbar-arrow-color:滚动条箭头两端颜色设定;
6.scrollbar-darkshadow-color:滚动条下边和右边的边沿颜色设定;
7.scrollbar-Track-color:滚动条底版颜色设定;
▲.在DW里插入空格的几种方法:
★中文输入法时全角下的空格
★CTRL+SHIFT+空格
▲.如何制作滚动文字
★<marquee>滚动代码
属性有:
A.behavior 卷动
1.alternate 来回卷动 2.scroll 预设卷动 3.slide 滑动
B.direction 方向
C.loop 卷动次数
D.scrollamount 卷动距离
E.scrolldelay 卷动时间