HTML知识点总结

来源：互联网发布：光盘刻录软件大全编辑：程序博客网时间：2024/04/30 13:08

一. 全局架构标签

（１）<html> </html>

（２）<head> </head>之间的内容不会被浏览器显示

<title> </title>　只能放在<head> </head>标签之间。

<script> </script>

（３）<body> </body>显示和控制文本

　—text：设置文本的颜色。－link：设置链接的颜色－alink：已激活链接的颜色

　—vlink：已访问链接的颜色。 —background：设置墙纸（JPEG,GIF）

—backcolor：背景色 —leftmargin：显示画面与左边沿的间隙（像素）

—topmargin：显示画面与上边沿的间隙（像素）

<p aling = “ * “> </p>

<hl> </hl>

<br>可以使用<br clear=对齐方式>清除环绕方式

<hr>

二.

１．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

２．注释字符：<!——注释内容——>

３．特殊符号与字符：

&lt； < &gt；> &amp；& ＆quot；” &reg；®

＆copy；© &nbsp；空格 &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>

例：

</map>

加入视频剪辑

用<img>标记的dynsrc属性可以向网页中加入.avi视频剪辑文件。其格式为：

<img src="图像文件" dynsrc="视频剪辑文件" loop="次数" loopdelay="重复间隔时间"

start="fileopen(默认)|mouseover" controls设定控制画面的面板>

例：<h4 align=center>视频演示</h4>

</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编码再进行提交。

（１）<input type =” submit ” > 提交按钮，可包含一个或多个submit，只有被单击的submit的名称和值才传给服务器。

　　　　—value：设定标题。

（２）<input type =” reset “ > 重新添写按钮。—value：设定标题

（３）<input type =” text “ > 创建文本区域

　　　　—size：文本区域的大小

　　　　—value：区域内的文本内容

　　　　—readonly：可获取焦点，但不可修改内容

　　　　—disabled：不可获取，不可修改

　　　　注：用户没有输入值，浏览器也会进行提交。此text的上限为255KB

（４）<input type = ” checkbox ” >创建一个复选框

　　　—checked属性：不需要赋值。

　　　—value：选中是代表的值。如没有选中将不会提交给服务器。

（５）<input type = “ radio “ >添加一个单选按扭。将所有的radio按钮的name设为一样，它们即成为一组，一组中只能同时选中一个。

（６）<input type = “ hidden “ > 隐藏的表单字段元素，提交表单时会提交隐藏元素的值。

　　　例：在两个网页中添写用户注册信息，第二页将会用到第一页的内容，这时可应用

（７）<input type = “ button “ >添加一个普通按钮

（８）<input type = “ file “ > 上传文件按钮

　　　注：要上传文件的表单<form>的enctype属性设为“multipart／form－data”，method设为post。

（９）<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>放于<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的响应消息头。

(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” >

Window—target:强制页面中某个窗口中显示。

　　例：<meta http—equiv=” window—target” content=”_top>防止网页被作为一个Frame被调用

Pragma:禁止浏览器在本机上缓存页面。

例：<body>

内容（大小32Kb）

</body>

<head>

</head>

Page—enter：

Page—exit：

<meta>标签的使用

1.定义语言：

2.描述网页

3.刷新页面

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：设定面板的外观