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>
html基础
例2-1-1.html <HTML> <HEAD> <TITLE>网页标题部分</TITLE> </HEAD> <BODY> <P>网页正文部分！</P> <P>正文部分可以包含各种网页元素。</P> </BODY> </HTML>
HTML格式标记
2、预定格式标记 格式：<PRE>…</PRE> PRE有属性width 功能：在浏览器中显示时，按照编辑工具中文档预先排 好的形式显示内容。见例2-2-2.html 3、分区显示标记 格式：<DIV>…</DIV> 功能：分区显示文档(布局) 说明：在一个文本块或许多段落中设置布局(对齐)方 式，经常使用DIV，它可以将文档内容分成区块一次性地布 局。
表格标记
七、表格标记
1、建立表格标记
格式：<TABLE>……</TABLE> 功能：创建表格进行页面设计。表格的整体外观由
TABLE标记的属性设定
2、定义表格行标记 格式：<Tr>……</Tr>
功能：定义表格中的一行。
说明：此标记只能放在<Table>标记内部使用，而在此 标记对之间加入文本将是无用的，因为在<Tr> </Tr>之间只 能紧跟<Td></Td>标记对才是有效的语法。
功能：用于包含文件的基本信息:
<TITLE></TITLE>:网页标题信息 <STYLE></STYLE>:定义CSS 样式表 <LINK></LINK>:链接CSS 样式表 <SCRIPT></SCRIPT>: 插入脚本标记 <META></META> :描述HTML中的文档信息
HTML标记大全
一、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网页编辑代码简单介绍
版权号 © ©；
注册商标 ® ®；
“ "；
<li></li>
...
</ul>
注：<li>...</li>表示一个项目或标题
参数值 描述
html语法
一、html最基本的语法就是<标记符>内容</标记符>，标记符通常都是成对使用
的，有一个开头标记和一个结束标记，结束标记只是在开头标记的前面加一个斜
杠“/”。例如：<font size="7">文字内容</font> <hr width="80%"/>
二、html语法的最好学习方法就是查看网页的源代码。
2、格式：<p align="对齐方式">...</p>
3、属性名称 属性值 说明
left 左对齐
align center 居中
2、body属性
<body bgcolor="背景颜色" background="背景图像" text="文本颜色" link="链接文本颜色" vlink="访问过的文本颜色" alink="激活的链接文本颜色" left margin="左边界" right margin="右边界" top margin="上边界" bottom margin="下边界"
下标 <sub>文本</sub>
HTML基础知识【范本模板】
HTML学习任何一门语言，都要首先掌握它的基本格式，就像写信需要符合书信的格式要求一样。
HTML标记语言也不例外，同样需要遵从一定的规范。
接下来将具体讲解HTML文档的基本格式。
HTML文档的基本格式主要包括<！DOCTYPE>文档类型声明、〈html>根标记、〈head>头部标记、〈body〉主体标记,具体介绍如下：（1）〈!DOCTYPE>标记<!DOCTYPE> 标记位于文档的最前面,用于向浏览器说明当前文档使用哪种HTML 或XHTML（可扩展超文本标记语言) 标准规范，必需在开头处使用〈！DOCTYPE〉标记为所有的XHTML文档指定XHTML版本和类型，只有这样浏览器才能将该网页作为有效的XHTML文档,并按指定的文档类型进行解析。
(2）<html〉</html>标记<html>标记位于〈!DOCTYPE> 标记之后，也称为根标记，用于告知浏览器其自身是一个HTML 文档,<html〉标记标志着HTML文档的开始，〈/html>标记标志着HTML文档的结束，在它们之间的是文档的头部和主体内容。
在〈html〉之后有一串代码“xmlns="http：///1999/xhtml””用于声明XHTML统一的默认命名空间。
（3）〈head〉〈/head>标记<head>标记用于定义HTML文档的头部信息，也称为头部标记，紧跟在〈html〉标记之后，主要用来封装其他位于文档头部的标记,例如<title>、<meta>、〈link〉及<style>等，用来描述文档的标题、作者以及和其他文档的关系等。
一个HTML文档只能含有一对〈head>标记，绝大多数文档头部包含的数据都不会真正作为内容显示在页面中。
（4)<body>〈/body〉标记<body〉标记用于定义HTML文档所要显示的内容,也称为主体标记。
HTML基本标签及语法
HTML基本标签及语法HTML简介什么是HTML本⽂素材来源于⿊马程序员Pink⽼师HTML 指的是超⽂本标记语⾔(Hyper Text Markup Language) ，它是⽤来描述⽹页的⼀种语⾔。
HTML 不是⼀种编程语⾔，⽽是⼀种标记语⾔(markup language)。
标记语⾔是⼀套标记标签(markup tag)。
Web 标准的构成主要包括结构（Structure）、表现（Presentation）和⾏为（Behavior）三个⽅⾯。
结构 --> 结构⽤于对⽹页元素进⾏整理和分类，现阶段主要学的是HTML表现 --> 表现⽤于设置⽹页元素的版式、颜⾊、⼤⼩等外观样式，主要指的是CSS⾏为 --> ⾏为是指⽹页模型的定义及交互的编写，现阶段主要学的是JavascriptWeb 标准提出的最佳体验⽅案：结构、样式、⾏为相分离。
简单理解：结构写到HTML ⽂件中，表现写到CSS ⽂件中，⾏为写到JavaScript ⽂件中。
HTML基本语法HTML基本⾻架标签名定义说明<html><\html>HTML标签页⾯中最⼤的标签，所有内容都包含在该标签内<body><\body>⽂档头部设置⼀些属性，以及引进⽂件样式<title><\title>⽂档标题浏览器所显⽰的⽹页标题<body><\body>⽂档主题基本上⼀个⽹页的所有页⾯元素都放进该标签内⼀个基本的⽹页⾻架<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title></head><body><div>我的第⼀个⽹页</div></body></html>基本语法概述1. HTML 标签是由尖括号包围的关键词，例如<html>。
HTML基本标签及结构详解
HTML基本标签及结构详解1.HTML概述1.HTML：超⽂本标记语⾔。
是⼀种标识性语⾔，⾮编程语⾔，不能使⽤逻辑运算。
通过标签将⽹络上的⽂档格式进⾏统⼀，使分散的⽹络资源链接为⼀个逻辑整体。
超⽂本是⼀种组织信息的⽅式，通过超级链接将多种媒介链接起来标记:标签。
⽤<>包裹的具有⼀定含义的内容，⽐如:…静态⽹页:不变动态⽹页：跟后台同时改变2.HTML标签结构1.⽂档结构：<!doctype html><!--!表⽰声明的意思。
这⼀⾏代码意思：下⾯的⽂档标签将以html5进⾏解析--><html><!-头部.⽤来完成⼀个⽹页的相关设置-><head><meta charset="utf-8"><!--汉字编码--><!--meta:元，⽤来完成对应设置--><meta name="keywords" content=""><!--设置⼀个⽹站搜索的关键字--><meta name="description" content=""><!--⽹站的描述内容--><title>我的第⼀个html⽹页</title><!--标题--><!--设置⽹站的⼩图标--><link rel="shortcut icon" href="" type="image/png"><style>/*书写样式的地⽅*/</style><link rel="stylesheet" href="style.css"><!--⽤来引⼊外部样式⽂件--></head><!--2.主体部分--><body><p>这是⼀个段落</p></body><script>//放脚本代码的地⽅</script></html>2.常⽤标签：<!--做移动端开发设置--><meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"><!--1.div标签，⽤于布局，没有具体含义,分层。
HTML常用标记
HTML常用标记一、段落标记1.标题标记<h n align=对齐方式>标题文字</h n>例如：<h6align=left>新浪微博</h6>2.分段标记：不仅使后面的文字另起一行输出，且在两段落之间产生一个空行。
<p align=对齐方式>文字</p></p>可省略例如：<p align=left>文字部分</p>3.换行标记：中断当前文字而从下一行开始显示，却在中间不产生空行。
文字<br>4.横线标记：在该位置上输出一条水平线。
<hr size=粗细align=对齐方式width=宽度color=颜色>5.文本块标记：用来指定其包括的文本自成一段，且一缩排方式显示。
<blockquote>文字</blockquote>二、文字格式标记1.字体标记<font size=大小face=字体名称color=颜色>文字</font>粗体字：<b></b>斜体字：<i></i>下划线字：<u></u>2.特殊字符标记“””：“"”空格字符：“ ”三、列表标记1.无序列表标记：<ul></ul>，其间的列表项用<li>标记来引导，</li>可省略。
<ul type=项目符号类型><li type=项目符号类型>列表项1<li type=项目符号类型>列表项2……<li type=项目符号类型>列表项n</ul>2.有序列表标记<ol type=序号类型start=开始序号><li type=序号类型>列表项1<li type=序号类型>列表项2……<li type=序号类型>列表项n</ol>四、表格标记定义一个表格：<table></table>表格中每一行：<tr></tr>表格标题行中每一个单元格：<th></th>表格数据行中每一个单元格：<td></td>一般格式：<table border=边框粗细bordercolor=边框颜色width=表格宽度height=表格高度Cellspacing=单元格间距cellpadding=单元格边距><tr> <th>h1</th> <th>h2</th>……</tr><tr> <td>d11</td> <td>d12</td>……</tr><tr> <td>d21</td> <td>d22</td>……</tr>……</table>五、超链接标记<a href=URL>用作超链接的文字或者图像</a>六、框架标记：将网页屏幕划分为多个不同的矩形区域，在一个区域内可以独立显示与区域之外不同的HTML文档内容。
网页制作之HTML标记语言篇
第八章HTML标记语言李思章老师QQ：413142184通过本章的学习，读者可以理解创建网页的基本元素，可以利用各种基本的网页制作技术进行页面设计和排版，从而创作出包含列表、表格、图像、超级链接、其他对象及框架结构的网页。
第一节HTML概述1、HTML的定义HTML是Hypertext Markup Language的缩写，意思是超文本标记语言，用于描述网页文档。
自从1990年首次用于网页编辑后，HTML迅速崛起成为网页编辑的主流语言。
几乎所有的网页都是由HTML或以其他程序语言嵌套在HTML中编写的。
HTML并不是一种程序语言，而是一种结构语言，它是一种规范，是一种标准，它是通过标记元素来实现网页内容的格式。
HTML语言具有平台无关性，这种语言可以通过记事本、Microsoft Frontpage、Adobe Dreamweaver等工具来编写，保存文件格式为.htm或者.html为后缀名的文件，无论用户使用什么操作系统，只要有响应的浏览器程序，就可以运行HTML文档。
虽然现在流行的浏览器能兼容早期结构不太严格的HTML文件，可以不按规则结构编写HTML文档，而且不同的浏览器对HTML标记元素及属性的解释也不完全一致，但是考虑到代码的可读性和纠错等方面因素，在此强烈建议大家按结构化方式编写HTML代码。
我们平常所说的“WEB页面”实际上就是指HTML文档，也就是说每个WEB页对应于一个HTML 文件。
在浏览器中是按顺序阅读网页文件（HTML文件）的，然后根据内容周围的HTML标记元素及属性来解释和显示各种内容，这个过程叫做语法分析。
2、HTML的结构HTML标记元素，绝大多数有起始标记和结尾标记，如：HTML语言的起始和结尾标记<html></html>、头部标记的起始和结尾<head></head>、页面标题标记的起始和结尾<title></title>、页面内容标记的起始和结尾<body></body>、表格标记的起始和结尾<table></table>、表单标记的起始和结尾<form></form>、框架集标记的起始和结尾<frameset></frameset>、样式表定义标记的起始和结尾<style></style>、脚本程序定义标记的起始和结尾<script></script>等。
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>标志文件开始和结尾的标记。
- 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属性：指定显示在按钮上的标题文本。