下载文档原格式
HTML标记总结<html> //文件开始标记<head> //文件的头部开始标记<title> HTML总体结构</title>//头部</head> //头部结束标记<body> //文件的主体开始标记hello!</body> //主体结束标记</html>//文件结束标记编写时的注意事项（1）元素的标记都要用尖括号< >括起来，成对使用的标记的结束标记是在开始标记之前加一反斜杠，如<html>与</html>。
（2）代码不分大小写，如<boDY>与<BODy>都是正确的，但是所有符号如< > 、“”都必须是英文输入法。
（3）标记<!--……-->表示其中的内容是注释语句，在浏览器中不会显示出来。
4、页面的头部标记和主体标记（1）页面的头部标记<head>HTML文档的头部内容</head>一般来说位于头部的内容都不会在网页上显示，而是通过别的方式体现。
常用的头部标记有以下几个：<base>当前文档的URL全称（基底网址）<basefont> 设定基准的文字字体，字号和颜色<title> 设定显示在浏览器左上方的标题内容<isindex> 表示该文档是一个可用于检索的网关脚本，由服务器自动建立。
<meta> 是有关文档本身的元信息，如用于查询的关键词，用于获取该文档的有效期等。
<style>设定CSS层叠样式表的内容<link> 设定外部文件的链接<script>设定页面中程序脚本的内容（1）<title>标题标记<title>W eb页面的标题</title>在HTML 里<title>和</title>是位于html文档头部的，即<head>和</head>之间。
HTML标记的组成HTML语言规范标记符：1、单标记：< 标记名称／>2、双标记：<标记名称>内容<／标记名称>3、属性 < 标记属性1="属性值" 属性2="属性值" 属性3="属性值" … ><元素属性='属性值'...>内容</元素>如果没有内容，可以这样写：<元素属性='属性值'.../>--注：<>中的都是标记，标记是要成对出现如:<html>内容</html>；元素也叫标记HTML文档的结构主要包括：1、HTML部分2、HEAD部分3、BODY部分DOCTYPE声明部分：DOCTYPE声明部分是网页中重要的一部分，但不在HTML文档范围内。
Html的基本结构<html><head><元素属性1=”值” …./></head><body><元素属性1=”属性值”属性2=“属性值”…>内容</元素><元素属性=”属性值”/></body></html>说明1. 标记通常是成对出现 <head></head>2. 单标记 <br/>案例:Demo1.htm<html><head></head><body><b>横看成林</b><br/><br/><font color="red">远近高低各不同</font><br/><!--size 值可以取 1..7 --><font style="font-size:30px;">不知庐山真面目</font><br/></body></html>请问后缀 html 和 htm 有什么区别?如果一个网站有 index.html 和 index.htm 默认情况下，优先访问 .html；htm 后缀是为了兼容以前的dos 系统 8.3的命名规范。
HTML的介绍语法结构1.<!--这是HTML基本标记例子--><html><head><title>例子1基本标记</title></head><body></body></html>2.<html><head><title>例子2格式设置标记</title></head><body><P>段落标记，内容作为独立段，前后加空行</P><P>断行标记，<BR>内容该位<BR>置换行；</P><PRE>预格式化文本标记，最终显示内容不发生变化，同HTML文本中保持一样；预格式化文本标记，最终显示内容不发预格式化文本标记，最终显示内容不发预格式化文本标记，最终显示内容不发</PRE><NOBR>将内容放一行；将内容强行放在一行显示；</NOBR><WBR>自适应断行标记，根据窗口宽度适当自适应断行标记，根据窗口宽度适当自适应断行标记，根据窗口宽度适当</WBR><HR><!--横线标记，生成一条横线--></body></html>3.<html><head><title>例子3标题与字体设置标记</title></head><body><H1>第1级标题</H1><H2>第2级标题</H2><H3>第3级标题</H3><H4>第4级标题</H4><H5>第5级标题</H5><H6>第6级标题</H6>一般字体<BR>一般字体<BIG>字加大</BIG> <BR>一般字体<SMALL>字变小</SMALL> <BR>一般字体<B>粗体字</B> <BR>一般字体<I>斜体字</I> <BR>一般字体<U>加底线</U> <BR>一般字体<TT>打字体</TT> <BR>一般字体<SUP>上标字</SUP> <BR>一般字体<SUB>下标字</SUB> <BR><FONT SIZE=1>字体大小--1号字</FONT> <BR> <FONT SIZE=2>字体大小--2号字</FONT> <BR> <FONT SIZE=3>字体大小--3号字</FONT> <BR> <FONT SIZE=4>字体大小--4号字</FONT> <BR> <FONT SIZE=5>字体大小--5号字</FONT> <BR> <FONT SIZE=6>字体大小--6号字</FONT> <BR> <FONT SIZE=7>字体大小--7号字</FONT> <BR><FONT COLOR=#000000>字体颜色</FONT> <BR> <FONT COLOR=#ff0000>字体颜色</FONT> <BR> <FONT COLOR=#0000ff>字体颜色</FONT> <BR><FONT FACE=楷体>字型-楷体</FONT> <BR><FONT FACE=宋体>字型-宋体</FONT> <BR><H1 ALIGN=CENTER>标题居中</H1><H2 ALIGN=LEFT>标题左对齐</H2><H3 ALIGN=RIGHT>标题右对齐</H3></body></html>4.<html><head><title>例子4－图像标记和属性</title></head><body><IMG SRC="老鼠.gif"><IMG SRC="老鼠.gif"WIDTH=60HEIGHT="90"><IMG SRC="老鼠.gif"ALIGN=top width="144" height="140"><IMG SRC="老鼠1.gif"ALIGN=rightALT="This is a small mouse!"><!--故意找不到图像文件，则显示文字提示--><IMG SRC="老鼠.gif"ALIGN=leftBORDER=5><!--图像边框宽度（像素）--><!--<IMG SRC="图像文件路径及名称"WIDTH=图像宽度（像素）HEIGHT=图像高度（像素）ALIGN=top/bottom/middle/left/rightALT="图像文字说明"BORDER=图像边框宽度（像素）VSPACE＝距上下文本的距离（像素）HSPACE＝距左右文本的距离（像素）>--></body></html>具体例子1．<html><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN"><HTML><HEAD><TITLE>HTML教程</TITLE><META NAME="Author" CONTENT="JY"><META NAME="GENERATOR" CONTENT="Mozilla/3.04Gold (Win95; I) [Netscape]"></HEAD><BODY><DIV ALIGN=right><P><A HREF="index-1.htm" tppabs="/teaching/htmlbook/index.htm"><IMG SRC="html.gif" tppabs="/teaching/htmlbook/html.gif" BORDER=0 HEIGHT=33 WIDTH=160></A></P></DIV><DIV ALIGN=right><P><HR WIDTH="100%"></P></DIV><P><B><U><FONT COLOR="#0080C0"><FONT SIZE=+2>HTML入门</FONT></FONT></U></B></P><P><B><FONT COLOR="#FF6A6A"><FONT SIZE=+1>HTML</FONT></FONT></B>英语意思是：HypertextMarked Language，即超文本标记语言,<FONT SIZE=+1>是一种用来制作超文本文档的简单标记语言。
第1章HTML基础HTML(超文本标记语言)是制作网页的基础。
HTML标记是HTML的核心与基础，用于修饰、设置HTML文件的内容及格式。
一个HTML文件中包含了所有将显示在网页上的文字信息。
其中也包括对浏览器的一些指示，如文字应放置在何处，显示模式如何等。
如果还有一些图片、动画、声音或是任何其他形式的资源，HTML文件也会告诉浏览器到哪里去查找它们，以及它们将放置在网页中的什么位置。
教学目标通过对本章的学习，读者应了解和掌握HTML的各种标记和语法，并能够使用HTML 设计简单的静态网页。
教学重点与难点●使用HTML设计静态网页●编辑网页文本格式●创建超链接●使用表格●使用列表1.1 网页基础知识Internet是从Interconnected Networks延伸而来的，是跨国界的网络。
Internet把世界各地数以千万计的计算机和传输线路连接在一起构成一个网络。
通过它可以交换信息、共享资源，并以此为基础实现各种计算机通信应用项目。
在Internet中，网页是它的重要组成部分，本节首先介绍一些与网页相关的名词和概念。
1.1.1 万维网——WWWWWW(World Wide Web)即环球信息网，也可以称为Web，中文名字为“万维网”。
用户在使用浏览器来访问Web的过程中，无须关心一些技术性的细节即可得到丰富的信息资料。
WWW 是Internet上发展最快和目前使用最广泛的一种服务。
ASP动态网站开发教程• 2 •简单的说，WWW是漫游Internet网的工具，它把Internet上不同地点的相关信息聚集起来，通过WWW浏览器(比如IE，Internet Explorer)检索，无论用户所需的信息在什么地方，只要浏览器为用户检索到之后，就可以将这些信息(文字、图片、动画、声音等)“提取”到用户的计算机屏幕上。
1.1.2 超文本传输协议——HTTPHTTP(HyperText Transfer Protocol)即超文本传输协议，它是WWW服务器上使用的最主要协议。
一、HTML标记注释：红色字体为标记和其必不可少的属性；绿色字体为标记中的属性，可任意选取所需要的属性；天蓝色字体为自由填充的属性值；黑色字体为补充内容及对标识和描述内容的注解1、HTML标记语法：<标记名称属性1名=属性1值属性2名=属性2值…>标记在表示HTML文档内容结构和含义的时候，通常有两种方式，我们分别称单标记和双标记。
表1：2、<BODY>的属性BGCOLOR="颜色" (设置背景颜色)BACKGROUND="图片名" (设置背景图片)BGPROPERTIES="FIXED" (设置背景图片固定不变)TEXT="颜色" (设置文本颜色)LINK="颜色" (默认链接)VLINK="颜色" (当鼠标按下时的链接)ALINK="链接按钮" (当鼠标松开后的链接)TOPMARGIN=距离(文本距顶部的距离)LEFTMARGIN=距离(文本距左边的距离)3、设置播放器，必须在BODY的双标记中存在设置背景音乐：<BGSOUND SRC="地址"(歌名或视频名) LOOP=“循环次数”>插入视频音频文件：（FLASH等）<EMBED SRC="地址"(歌名或视频名)WIDTH=宽度HEIGHT=高度(调整播放器的宽度和高度)HIDDEN="TRUE"(隐藏播放器) LOOP=”循环次数”>4、如何使网页在网站的排名靠前，其必须在HEAD中存在<META NAME="K EYWORD"CONTENT="描述网站内容">(用于标记搜索引擎在搜索该页面时所取出的关键词)<META NAME="DESCRIPTION" COUNT="描述网页内容" >（用来标记描述内容）<META NAME="AUTHOR" CONTENT="作者名称" >（用来标记文档的作者）<META HTTP-EQUIV="CONTENT-TYPE" CONTENT= "TEXT/HTML;CHARSET =GB2312">（用来标记你的页面的解码方式）<META HTTP-EQUIV="REFRESH" CONTENT="5;URL= Http:// .com">(用来自动刷新网页)5、标题字体表2：6、文章字体表3：7、物理字体表4：8、字符实体在往HTML文档中写入特殊字符，如“〈”、“〉”、“&”、“ ”等要使用特殊的代码，浏览器会用HTML命令对这些特殊代码进行翻译。
HTML是（Hyper Text Markup Language，超文本标记语言）的缩写，用来表示网上信息的符号标记语言，是Web文档的规范。
也有人把HTML称为浏览器的母语。
HTML语言内容丰富，从功能上大体可分为：文本设置、列表建立、文本属性制定、超链接、图片和多媒体插入、对象、表格、表单的操作，以及框架的建立。
Web浏览器按照顺序读取HTML文件，然后根据内容附近的HTML标记来解释和显示各种内容。
2、所有标记都必须用一对尖括号< >括起来，这叫做“定界符”。
3、大部分标记都是成对出现的，包括开始标记和结束标记，二者之间为标记所影响的范围，开始标记和结束标记名称相同，但结束标记总是以一个斜线符号开始，例如：<html> </html>、<title> </title>；但有一些标记只要求单一标记，例如水平线标记<hr/>、换行标记<br/>4、允许标记和属性名使用大写、小写或大小写混合，但建议使用小写。
在HTML里，颜色有两种表示方式。
一种是用颜色名称表示，比如blue表示蓝色;另外一种是用16进制的数值表示RGB的颜色值。
RGB是Red，Green，Blue意思，RGB每个原色的最小值是0，最大值是255，如果换算成16进制表示，就是(#00)，(#FF)。
比如白色的RGB(255,255,255)，就用#FFFFFF表示；还有黑色的RGB(0,0,0)，就用#000000表示。
2.1.2 XHTML代码规范介绍XHTML是可扩展的超文本标记语言，是一种基于XML（可扩展标记语言）应用的HTML，它的可扩展性和灵活性将适应未来Web应用更多的需求。
建立XHTML的目的就是实现HTML向XML的过度。
⏹所有标记必须使用相应的结束标记进行关闭⏹标记及其属性名称必须使用小写字母⏹标记的属性值必须使用引号括起来⏹标记的所有属性必须具有值⏹强制XHTML元素，所有文档都必须文档类型声明<!DOCTYPE>HTML标记1．HTML文档标记格式：<HTML>…</HTML>标志文件开始和结尾的标记。
2．HTML文件头标记格式：<HEAD>…</HEAD>用于包含文件的基本信息。
3．HTML文件主体标记格式：<BODY>…</BODY>文件主体标记。
注意：<HEAD>与<BODY>为独立的两个部分，不能互相嵌套。
<head>标记中的基本内容1．<title>标题</title>2．<meta>标记：用来设置文档的格式和所用的字符集，随HTTP协议头进行发送。
其中最重要的设置：HTTP-EQUIV ：设置或者获取content中的内容，并把内容添加入HTTP的响应头中。
Content：META信息的内容。
举例：<META HTTP-EQUIV="REFRESH" CONTENT=2><body><body>标签中的内容都是在浏览器中可以被看到的内容。
除<HEAD>内使用的标签以外的其他HTML语言标签都属于<BODY>的内容。
我们在后续的课程当中主要围绕<body>标签里面的内容来详细讲解。
HTML标记的一般格式：<标记属性="值" 属性="值" …>要呈现的内容</标记><标记属性="值" 属性="值" … />例如：<font face="华文行楷" size="2" color="#FF0000">ASP动态网页设计</font><input type="submit" name="btnSubmit" value="提交" />HTML元素的通用属性：⏹id：为HTML元素指定一个唯一的标识符。
⏹class：对HTML元素应用CSS类样式。
⏹style：为一个单独出现的元素指定CSS样式HTML文档的结构：包括head、title、body三部分。
<BODY>属性概述:background＝---背景图片Bgcolor＝“＃RRGGBB” --- 背景色彩text --- 非可链接文字的色彩（默认文本）link --- 可链接文字的色彩alink --- 正被点击的可链接文字的色彩vlink --- 已经点击(访问)过的可链接文字的色彩Leftmargin ---页面左边的空白topmargin ---页面上方的空白⏹段落标记P标记用于定义一个段落，该段落与后续内容之间有一个空行,每行的宽度会根据窗口的宽度自动换行。
<p align="where">...</p>⏹换行标记用于强制文本换行，但不在行与行之间增加空白，可用于调整行间距<br />⏹标题标记HTML中每遇到一个标题，当前段落就会被终止，标题前后会留出一定的空白，文本自动从下一行开始<h1 align="where">...</h1>. . .<h6 align="where">...</h6>⏹字体标记（字体标记不会自动换行）<font face="fontFamily[, ...fontFamilyNameN]"size=" intergetOrRelativeSize" color="colorTripletOrName">...</font>⏹face：字体⏹size：字号⏹color：颜色⏹水平线标记<hr /><hr align="where" color="colorTripletOrName" noshade="noshade" width="length" />⏹粗体：<b>...</b>或<strong>...</strong>⏹大字体：<big>...</big>⏹斜体：<i>...</i>或<em>...</em>⏹小字体：<small>...</small>⏹删除线：<s>...</s>或<strike>...</strike>⏹下标：<sub>...</sub>⏹上标：<sup>...</sup>⏹下划线：<u>...</u>创建超链接⏹使用a标记创建超链接<a href="URL" name="elementIdentifier" target="windowOrFrameName" title="promptText">...</a>⏹href：指定要链接的目标资源的URL地址⏹name：表示网页内的定位点位置，称为锚点⏹target：指定一个窗口或框架的名称，目标文档将在该窗口或框架中打开( blank self )⏹title：指定鼠标指向链接时所显示的提示文本用bgsound标记添加声音<bgsound src="URL" balance="signedInteger" loop="integer" volume="signedInteger">⏹src：指定要播放的声音文件的URL⏹loop：指定声音播放的次数通过插件添加声音<embed src="URL" align="where" autostart="true" | "flase"loop="true" | "false" |"integer" starttime="mm:ss" endtime="mm:ss"height="length" width="length" hidden="true" | "flase"></embed>⏹src：指定要播放的声音文件的URL⏹autostart：指定声音文件是否自动开始播放⏹loop：指定是否循环播放或播放的次数⏹pluginspage：指定用户可以从中下载插件的网站的完整URL⏹heigh和width：分别指定嵌入对象的高度和宽度在Dreamweaver中，可以通过插入插件的方法在网页中添加声音和视频等媒体内容，此时将自动生成embed标记并对其属性进行设置。
⏹behavior：指定字幕动画的类型⏹bgcolor：指定字幕的背景颜色。
⏹direction：指定字幕内容的移动方向⏹height和width：指定字幕的高度和宽度⏹hspace和vspace：指定字幕的水平边距和垂直边距⏹loop：指定字幕的滚动次数⏹scrollamount：指定字幕内容每次移动的像素数⏹scrolldealy：指定字幕内容两次移动之间的时间间隔⏹cols：指定框架的列宽，可为像素数（n）、百分比（n%）和相对尺寸（n*）。
⏹rows：指定框架的行高，可为像素数（n）、百分比（n%）和相对尺寸（n*）。
⏹border：指定边框的宽度，以像素为单位。
⏹bordercolor：指定边框的颜色。
⏹frameborder：指定框架周围是否显示三维边框，可取的值有：1、0、no、yes。
1或yes表示显示边框；0或no表示不显示边框。
默认值为no。
⏹framespacing：指定各框架之间的间隔。
添加按钮⏹通过input标记定义按钮：<input type="submit" | "reset" | "button" name="elementIdentifier " value="text"... />⏹value属性：指定显示在按钮上的标题文本。
