一. 全局架构标签
(1)<html> </html>
(2)<head> </head>之间的内容不会被浏览器显示
<title> </title> 只能放在<head> </head>标签之间。
<script> </script>
(3)<body> </body>显示和控制文本
—text:设置文本的颜色。 -link:设置链接的颜色 -alink:已激活链接的颜色
—vlink:已访问链接的颜色。 —background:设置墙纸(JPEG,GIF)
—backcolor:背景色 —leftmargin:显示画面与左边沿的间隙(像素)
—topmargin:显示画面与上边沿的间隙(像素)
<p aling = “ * “> </p>
<hl> </hl>
<br>可以使用<br clear=对齐方式>清除环绕方式
<hr>
二.
1.DTD(Documention Type Definition),文档类型标签<!DOCTYPE>
<!DOCTYPE HTML PUBLIC “ Version name “ “ URL ”>
HTML:文档类型名称 PUBLIC:供公众使用
Version name:HTML 4.0 -// W3C // DTD HTML 4.01 Transitional // EN
ISO代表:标准DTD +号代表:被改进的非ISO —未被改进非ISO
2.注释字符:<!——注释内容——>
3.特殊符号与字符:
<; < >;> &;& &quot;” ®;®
&copy;©  ;空格 &trade;™ 已注册
三. 格式标签
<p align = “ center / left / right” > </p>:创建一个段落
<br> 一行
<nobr> </nobr> 防止浏览器自动换行
<center> </center> 水平居中显示
<marquee direction = “ “ behavior =” 100”> </marquee> 移动嵌入的文本或图形
<dl> </dl> <dt> </dt> <dd> </dd> 三者配合使用创建一个列表
<ol start= > </ol> 创建带数字标签对 <ul> </ul> 创建带圆点的标签对
<li value=” ”> </li> 显示具体的项目
<pre> </pre> 预格式化处理,不会忽略空格和空行。其中不能使用<img>标记插入图片。<object>标记插入 ActiveX或Java applet。
四. 文本标签
<h1> </h1>……<h6></h6>显示标题
<b> </b> <i> </i> <u> </u> <sub> </sub>下标 <sup> </sup> 上标
<tt> </tt>打字机风格文本 <cite> </cite>引用方式文本 <em> </em>强调文本 <strong> </strong>
<font face=” “ size=” “ color=” “ > </font>
五. 超链接标签
URL通常大小写敏感(除主机名外),80端口连接HTTP服务器。基准URL一般都以斜线结尾,URL与参数间用?分隔。URL标记定位:#
URL编码规则:(1)空格转换为+号 (2)0~9,A~Z,a~z不变 (3)其它用十六进制表示 (4)GB2312占两字节
<a href=” ”> </a> 创建一个超链接
例:<a href=” personal/axx.html ”> <img src=” image/zzx.gif ”> </a>
<a href=” mailto:admin@it315.org ?subject=”resume”>给我们发简历</a>
-target: blank/media/parent/search/self/top
<a name=” “>建立定位标记与< a href =” “> </a>配合使用。
例:<a name=” # name “> </a> 跳转到页面的某一部分
<a href=” URL#name ”> </a> 跳转到另一个页面的某个地方
<a href=” URL ” target = “ window_Name ”> </a> 打开一个新窗口
<a href=” URL “></a> 链接到某一个URL
六. 图像标签
<img>
-src:URL地址 -alt:提示文本 -align:环绕方式 -border:边框 -width/height
<hr size=” ” color=” ” width=” ” noshade>加入一条水平线
src属性:可接受.gif ,.jpg和.png格式的图片
align属性:Top | middle | bottom | left | right 调整图片旁边文字的位置,图文混排时使用。
alt属性:若不支持图片将显示此信息。若能正常显示,此属性值将作为作为该图片的提示信息。
lowSrc属性:如加载一张图片很大,下载时间长,这张低解图片图像会先被加载显示。
图像地图:
< map> </map>
<area shape=”形状” coords=”坐标” href=”URL”>
例:
<img src=”1.gif” usemap=”#mymap”>
<map name=”mymap”>
<area shape=”rect” href=”a.html” coords=”0,0,0,0”>
</map>
加入视频剪辑
用<img>标记的dynsrc属性可以向网页中加入.avi视频剪辑文件。其格式为:
<img src="图像文件" dynsrc="视频剪辑文件" loop="次数" loopdelay="重复间隔时间"
start="fileopen(默认)|mouseover" controls设定控制画面的面板>
例:<h4 align=center>视频演示</h4>
<center>
<img src="Tree.jpg" dynsrc="dog.avi" loop=4 loopdelay=600 controls=consoles>
</center>
如果视频文件不存在,才会显示src所指定的图像文件。
六:表格标签
<table> </table> 创建一个表格
-bgcolor:背景色 -border:边框 -bordercolor:边框色 bordercolorgigh:明亮
-bordercolordark:昏暗 -cellpadding:设单元格间隔 -cellpadding:设单元格边框与内容的间隔大小 -width -height
<tr> </tr> 创建一行 <td> </td>创建一列
-width/height: -align/valign: -colspan:跨占的列数 -rowspan:跨占的行数 -nowrap:禁止自动换行显示 |
-align:left/center/right水平对齐 -valign:top/middle/bottom垂直对齐方式 -bgcolor:背景色 |
<th> </th>与<td> </td>相同,效果通常是黑体居中显示文字。
<caption> </caption>表格的标题,规定,它必须放在<table>标签之后。
七:帧标签:
<frameset> </frameset>定义框架集。只能在<html> </html>标签对中被使用。不能在<body> </body>标签对中使用。<frameset> </frameset>也可以嵌套使用。
—rows:帧窗口的行数 —cols:帧窗口的列数 注:可使用百分数,绝对像素值。*
<frame> </frame>定义一个具体的帧窗口,放在<frameset> </frameset>标签对中使用。
—src:装装网页的URL
—name:帧窗口的名字
—scrolling:yes/no/auto
—noresize: —target属性:目标内容要显示于哪个窗口或框架
八.表单标签
<form> </form>创建一个表单。
—action:处理表单内容的服务器URL
—method:Post/Get get的URL格式:元素名与取值间用=分隔,参数间用&分隔,数据量在1KB以下
Post:把各字段元素数据作为HTTP消息发送给Web服务器,传送的数据量要大的多
对数据库进行查询的表单都使用get方法,如果表单的结果会引起服务器上的数据变化,应用post(提交注册信息),不要使用get方式来提交询问口令的表单。
GET只接受低于1KB的资料。
—target:目标内容要显示于哪个窗口或框架
—title:鼠标在表单上停留时,显示的信息(黄色小浮标)
—enctype:编码的方式。application/x-www-form-urlencoded 先URL编码再进行提交。
(1)<input type =” submit ” > 提交按钮,可包含一个或多个submit,只有被单击的submit的名称和值才传给服务器。
—value:设定标题。
(2)<input type =” reset “ > 重新添写按钮。—value:设定标题
(3)<input type =” text “ > 创建文本区域
—size:文本区域的大小
—value:区域内的文本内容
—readonly:可获取焦点,但不可修改内容
—disabled:不可获取,不可修改
注:用户没有输入值,浏览器也会进行提交。此text的上限为255KB
(4)<input type = ” checkbox ” >创建一个复选框
—checked属性:不需要赋值。
—value:选中是代表的值。如没有选中将不会提交给服务器。
(5)<input type = “ radio “ >添加一个单选按扭。将所有的radio按钮的name设为一样,它们即成为一组,一组中只能同时选中一个。
(6)<input type = “ hidden “ > 隐藏的表单字段元素,提交表单时会提交隐藏元素的值。
例:在两个网页中添写用户注册信息,第二页将会用到第一页的内容,这时可应用
(7)<input type = “ button “ >添加一个普通按钮
(8)<input type = “ file “ > 上传文件按钮
注:要上传文件的表单<form>的enctype属性设为“multipart/form-data”,method设为post。
(9)<input type = “image “ src = “ “>它没有value属性。图像元素可代替submit按钮,用户单击后,表单中的其它信息和图像单击处的x,y坐标一起传送给服务器。
(10)<select> </select>在<form> </form>标签对之间使用。
—size:显示的个数,默认为1
—multiple:不用赋值,允许多选,按ctrl键。
<option> </option> -value:设置或获取当表单控件提交时返回给服务器的值
—selected:
(11)<textarea> </textarea>多行文本区域:用在<form> </form>标签对之间。
—cols,rows:
—value:默认值
(12)<label> </label> 标签
-for属性:必须与某个表单字段元素id相吻合
-accesskey:与for属性对应表单元素的快捷键。
例:<label for = “usr “ accesskey=” a “ >用户名(<u>a</u>)</label>
<input type = “text “ name = “ user” id= “usr” > <br>
将文本框<input type=text>放于<p></p>标签之间可使其更好的对齐,同时也可设置p的对齐属性。
九.头元素:
<base>指定网页超链接的基准地址,只能用于<head> </head>标签对中,设定网页中所有HTTP地址,ftp://及gopher://不受影响。
<link>定义一个文档和另一个文档的资源关系,用于<head> </head>标签对之间。
—hre:包含第二资源的URL,必填
—rel/rev:两个资源间的关系类型,二者必选其一。
—title:说明链接关系的描述性语句。(可选)
—type:目标资源的MIME类型,“text/html”,“text/css”,“text/javascript”
—media:指定目标资源被接受的介质或媒体。
Screen: Print:打印机 Projection:投影机 aural:扬声器
Braille:感知设备,供盲人 tty:打字机 tv:电视 all:输出设备
<meta>主要有两个类型的<meta>,用属性名来区分,分别为name和http-equiv。
-name:一些网页描述信息。例:网页关键字,网页描述信息等。
—http-equiv:模拟http的响应消息头。
<meta name = “ “ content = “ 描述性补充说明信息“ >
(1)name取值: keywords:关键字 Description:一段描述性文字
Robots:取值为index:可检索,收录此页(默认值)
取值为noindex:不可检索,收录此页。
取值为follow:可顺着此超链接,往下查找
取值为nofollow:
取值为all:可检索,收录,顺着查找。
取值为none:与上面相反。
(2)http—equiv:Content—type:设定MIME类型及编码集。
Refresh:指定时间刷新页面。
Expirs:设定网页的到期时间,设置值必须为GMT时间格式。
例:<meta http—equiv=” content—type ” content=” text/html“ charset = gb2312 > <meta http—equiv=” refresh” content = “1” url=” http://www.it315.org” >
<meta http-equiv=” expires “ content=” Mon , 12 May 2001 00:20:00 GMT” >如果为零,禁止使用缓存
Window—target:强制页面中某个窗口中显示。
例:<meta http—equiv=” window—target” content=”_top>防止网页被作为一个Frame被调用
Pragma:禁止浏览器在本机上缓存页面。
例:<body>
内容(大小32Kb)
</body>
<head>
<meta http—equiv=”pragma” content = “no-cache”>
</head>
Page—enter:
Page—exit:
<meta>标签的使用
1.定义语言:
<meta http-equiv=" Content-Type" content=" text/html; charset=gb2312">
2.描述网页
<meta name=" Keywords" content=" china,enterprise,net">便于搜索引擎搜索你的网页
3.刷新页面
<meta http-equiv=" refresh" content=" 8; URL=http://www.baidu.com " >8秒种后跳转到百度
4.控制页面缓冲
< meta http-equiv=" expires" content=" TUE,11.NOV 2007 00:00 GMT">
设置页面缓冲过期的时间,如时间还没有到,它将不会加载新的页面,而是从缓冲区中直接读取,直到过
期,它才会重新取得页面的内容。
十.分区标签
<div> </div>对一块区域设置相同值时使用,如居中等。不能嵌入段落标签中,主要用于客户端编程与样式表。
<span> </span>本身没有任何意义,可在段落、列表项目等作分隔处理。
例:<span class =” name“ >name:</span>zxx
十一.<EMBED>标签:
<EMBED src = “ url “> 自动载入音乐或视频
属性:
Src :url地址
AUTOSTART:是否自动播放(true | false)
Loop:播放次数。True为无限次,false为1次
STARTIME:播放时间,20秒后:STARTIME = 00:20
WIDTH 与HEIGHT:设定控制面板的大小
VOLUME:设定音量的大小
HIDDEN:隐藏控制面板
CONTROLS:设定面板的外观