html标记的一般格式
第三章 HTML语言概述 fzy
第一节 HTML简介
1．HTML语言 网页一般是以HTML语言格式为基础编写成的。 HTML语言是超文本标记语言的缩写。 创建HTML文件也十分简单，使用任何的文本编
辑器都可以对它进行编辑。 HTML文件的后缀名必须是.html或移动的像素数； Scrolldelay，重复画面之间的时间间隔，以微妙（ms）为单位。
第四节 版面设置
6．META标记的使用 META标签用来描述一个HTML网页文档的属性，
例如作者、日期和时间、网页描述、关键词、页 面刷新等。 常用属性有Content、 http-equiv和 Name，其中http-equiv和Name不能同时使用。
第七节 表格
（2）定义表格行标记<TR> 表明所控制的内容为表格的一行，其属性为：
height，控制行高度（像素数或百分比） bordercolor，控制行的边框（即内框）颜色 Bgcolor，控制行的背景颜色 Align，控制行的文字水平对齐方式（left、right、
center） Valign，控制行的文字垂直对齐方式（top、middle、
第三节 文字编排
2．文字标记 文字标记：<FONT>，是双标记格式。 <font>的属性：
Face属性，控制字符使用字体的属性，语法： face=“字体名” （华文中宋、华文彩云、宋体、楷体、 隶书、华文新魏、华文行楷、黑体）
Size属性，控制字符大小，语法：size=字符等级 Color属性，用于控制字符的颜色，语法：color=“颜
Size，用于控制水平线的粗细，属性值为像素数。
第四节 版面设置
5．滚动文字 滚动文字标记<MARQUEE>控制内容在行内滚动。其属性
HTML标记总结(word版)
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标记的组成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语言与网页设计标记符概述
括开始标记符和结束标记符。某些标 记符，例如<BR>，只要求单一标记 符号。 开始标记符与结束标记符的区别在于： 结束标记符多一个斜杠“/”（不是反 斜杠“\”！）
标记符属性
属性是用来描述对象特征的特性。
例如，一个人的身高、体重就是人 这个对象的属性。 在HTML中，所有的属性都放置在开 始标记符的尖括号里，多个属性之 间用空格分开，通常也不区分大小 写。
HEAD标记符
首部标记中的内容也用相应的标记符
括起来。例如，样式表（CSS）定义 位于<STYLE>和</STYLE>之间；脚 本定义位于<SCRIPT></SCRIPT>之 间。
TITLE 标记符
在首部标记符中，最基本、最常用的
标记符是标题标记<TITLE>和 </TITLE>，用于定义网页的标题。 当网页在浏览器中显示时，网页标题 将在浏览器窗口的标题栏中显示。
BODY标记符
正文标记符<BODY>和</BODY>包
含Web 页的内容。文字、图形、链 接以及其他HTML元素都位于该标记 符内。 正文标记符中的文字，如果没有其他 标记符修饰，则将以无格式的形式显 示。
小结
综上所述，一个不包含任何内容的基
本 Web 页文件如下所示：
<HTML> <HEAD><TITLE></TITLE></HEAD> <BODY></BODY> </HTML>
HTML标记符
<HTML>和</HTML>
第2章 常用HTML标记和格式(20)
思考
• 可以让H1比H2小吗？怎样做到？
思考
• 可以让H1比H2小吗？怎样做到？ • H标记有size属性吗？
思考
• 可以让H1比H2小吗？怎样做到？ • H标记有size属性吗？ • 通过标记嵌套做到
• <h2><font size=22> Current Research Highlights </font></h2> • <h1>Research Highlights</h1>
浏览器会自动地在标题的前后添加空行
• • • •
ቤተ መጻሕፍቲ ባይዱ
一般情况下，浏览器对标题作如下解释： H1 黑体，特大字体，居中，上下各有两行空行。 H2 黑体，大字体，上下各有一到两行空行。 H3 黑体（斜体），大字体，左端微缩进，上下空 行。 • H4 黑体，普通字体，比H3缩进更多，上边一空行。 • H5 黑体（斜体），与H4相同缩进，上边一空行。 • H6 黑体，与正文有相同缩进，上边一空行。
• 例如一种颜色在十进位中红、绿、蓝的比例分别 是36、104、160（■），在十六进位制中则分别 为24、68、A0，所以十六进位制数字表示方法就 为：2468A0，如果数字小于16，在十六进位中就 会小于10，前面就要加0，如在十进位中分别为0、 1、2，在十六进位制数字表示方法中就为： 000102，所以可以表示的颜色数总共有：2563 = 16,777,216 种。[1] • /wiki/%E7%BD%91%E9%A 1%B5%E9%A2%9C%E8%89%B2
•
• •
段落
HTML 段落 段落是通过 <p> 标题定义的。 实例
<p>This is a paragraph</p> <p>This is another paragraph</p>
HTML介绍001上(专用版)
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>是一种用来制作超文本文档的简单标记语言。
HTML（超文本标记语言）是制作网页的基础HTML标记是HTML...
第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文档标记
加粗、倾斜与下划线标记
2）加粗、倾斜与下划线的定义标记（b、i、u） <b>……</b> <!--加粗文字--> <i>……</i> <!--文字倾斜--> <u>……</u> <!--加下划线--> <em>……</em> <!--加粗，倾斜--> <strong>……</strong> <!--加粗文字--> 使用加粗、倾斜与下划线标记（b、i、u）的组合， 可对文本文字进一步修饰。 如：<b><font color="red" size="5">此处以红色 五号字粗体显示</font></b>
有序列表(Ordered List)
<ul id="nav"> <li><a href="">文章</a> <ol> <li><a href="">CSS教程</a> </li> <li><a href="">DOM教程</a></li> <li><a href="">XML教程</a></li> <li><a href="">Flash教程</a></li> </ol> </li></ul>
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
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属性：指定显示在按钮上的标题文本。