下载文档原格式
超文本标记语言（英文：HyperText Markup Language，HTML）超文本标记语言（英文：HyperText Markup Language，HTML）是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。
HTML被用来结构化信息——例如标题、段落和列表等等，也可用来在一定程度上描述文档的外观和语义。
1982年由蒂姆·伯纳斯-李创建，由IETF用简化的SGML（标准通用标记语言）语法进行进一步发展的HTML，后来成为国际标准，由万维网联盟（W3C）维护。
1 基本介绍HTML（HyperText Markup Language），超文本标记语言，是一种专门用于创建Web超文本文档的编程语言，它能告诉Web浏览程序如何显示Web文档（即网页）的信息，如何链接各种信息。
使用HTML语言可以在其生成的文档中含有其它文档，或者含有图像、声音、视频等，从而形成超文本。
超文本文档本身并不真正含有其他的文档，它仅仅含有指向这些文档的指针，这些指针就是超链接。
HTML是用来制作网页的语言，网页中的每个元素都需要用HTML规定的专门标记来定义。
要让设计者在网络上发布的网页能够被世界各地的浏览者所阅读，需要一种规范化的发布语言。
在万维网(WWW)上，文档的发布语言是HTML。
标记语言是一种基于源代码解释的访问方式，它的源文件由一个纯文本文件组成，代码中由许多元素组成，而前台浏览器通过解释这些元素显示各种样式的文档。
换句话说，浏览器就是把纯文本的后台源文件以赋有样式定义的超文本文件方式显示出来。
HTML和网络是紧密相连的，HTML语言的发展和浏览器的支持是密不可分的，在20世纪90年代网络刚刚兴起时，多种浏览器同时流行于世界各地，它们支持HTML语言的标准也各不相同，这样限制了HTML标记语言本身的发展，逐渐，W3C网络标准化组织联手一些较为流行浏览器开发厂商一同定义HTML标准，并且力推浏览器解释语言和显示方法的统一。
HTML表示什么HTML（HyperText Markup Language），超文本标记语言，是一种专门用于创建Web超文本文档的编程语言，它能告诉Web浏览程序如何显示Web 文档（即网页）的信息，如何链接各种信息。
使用HTML语言可以在其生成的文档中含有其它文档，或者含有图像、声音、视频等，从而形成超文本。
超文本文档本身并不真正含有其他的文档，它仅仅含有指向这些文档的指针，这些指针就是超链接。
HTML是用来制作网页的语言，网页中的每个元素都需要用HTML规定的专门标记来定义。
要让设计者在网络上发布的网页能够被世界各地的浏览者所阅读，需要一种规范化的发布语言。
在万维网(WWW)上，文档的发布语言是HTML。
标记语言是一种基于源代码解释的访问方式，它的源文件由一个纯文本文件组成，代码中由许多元素组成，而前台浏览器通过解释这些元素显示各种样式的文档。
换句话说，浏览器就是把纯文本的后台源文件以赋有样式定义的超文本文件方式显示出来。
HTML和网络是紧密相连的，HTML语言的发展和浏览器的支持是密不可分的，在20世纪90年代网络刚刚兴起时，多种浏览器同时流行于世界各地，它们支持HTML语言的标准也各不相同，这样限制了HTML标记语言本身的发展，逐渐，W3C网络标准化组织联手一些较为流行浏览器开发厂商一同定义HTML标准，并且力推浏览器解释语言和显示方法的统一。
到今天，IE浏览器随着WINDOWS操作信息系统的绝对垄断地位占据着主流市场，这也在另一方面为HTML标准的统一起到了关键作用。
2语言特点编辑本段HTML文档制作不是很复杂，但功能强大，支持不同数据格式的文件镶入，这也是WWW 盛行的原因之一，其主要特点如下：1、简易性，HTML版本升级采用超集方式，从而更加灵活方便。
2、可扩展性，HTML语言的广泛应用带来了加强功能，增加标识符等要求，HTML采取子类元素的方式，为系统扩展带来保证。
3、平台无关性。
超文本标记语言(html)的基础知识超文本标记语言，即HTML（HyperText Markup Language），是一种用于创建网页和其他可在web浏览器中查看的信息的标准标记语言。
在这里，我们将初步介绍HTML的基础知识，包括HTML的定义、语法和一些常用的标签。
一、HTML的定义HTML是一种标记语言，它使用标记来创建网页的各个部分。
在HTML文档中，标记用于指示文本的结构和格式。
HTML文档包含视觉元素，例如标题、段落、列表、链接、图像和表格。
二、HTML的语法HTML文档由标签和内容组成。
标签告诉浏览器如何呈现文本。
标签通常成对出现，包围文本。
打开标记以开始效果，关闭标记以结束效果。
标签通常按照以下格式编写：<标记>内容</标记>三、HTML的常用标签1. 标题标签：用于定义HTML文档中的标题。
HTML中有六个级别的标题：<h1>到<h6>，其中<h1>是最大的标题。
2. 段落标签：用于定义HTML文档中的段落。
<p>标签用于标记段落的开始和结束。
3. 链接标签：用于在HTML文档中创建链接。
<a>标签可以将文本链接到其他网页、文件、电子邮件地址等。
4. 图像标签：用于将图像插入HTML文档。
<img>标签按以下格式编写：<img src="image.jpg" alt="图像" width="500" height="500">5. 列表标签：用于创建有序和无序列表。
<ul>标签用于创建无序列表，<ol>标签用于创建有序列表。
6. 表格标签：用于在HTML文档中创建表格。
<table>标签用于定义表格，<tr>标签定义表格行，<td>标签定义表格单元格。
什么是标记语言▪HTML（HyperText Marked Language，超文本标记语言）是一种用来制作超文本文档的简单标记语言。
▪HTML语言中规定了一组具有不同作用的标记，用来描述文档的结构、数据的显示格式、建立超级链接等等。
用户在访问Internet 时，是把站点中的HTML文档下载到本地计算机中，然后通过本地机上的浏览器将文档解释成网页并显示出来。
HTML文档的组成HTML文档的结构▪HTML文档是纯ASCII的文本文件，由“显示内容”和“控制语句”两部分组成。
控制语句描述了显示内容以何种形式在浏览器中显示，并负责客户与服务器之间的信息交换。
▪控制语句以“标记（Tag）”形式出现，以区分于显示内容。
▪标记被封装在尖括号（由小于号“<”和大于号“>”组成）中。
标记一般分首标记和尾标记，他们成对出现。
首标注用于开启某种形式的显示，尾标记含“/”以同首标记区分，用于关闭首标记开启的功能。
▪以<HTML>标记作为文档标记，表示这是一个HTML文档。
▪文档头部分以<HEAD>为标记，包含文档标题等头部信息。
▪文档体部分以<BODY>为标记，<BODY>标记一般不能省略。
标记的分类▪标记分为“单标记”和“双标记”两种类型。
▪“单标记”是指只需单独使用就能完整地表达意思的一类标记，这类标记的语法是：<标记>最常用的单标记是<br>，它表示换行。
▪“双标记”由“首标记”和“尾标记”两部分构成，必须成对使用。
首标记前加一个斜杠（/）即成为尾标记。
这类标记的语法是：<标记>文档内容</标记>例：<em> text to emphasize</em>。
计算机网络原理超文本标记语言（HTML）超文本标记语言HTML（HyperText Markup Language）中的Markup的意思就是“设置标记”。
因此HTML也常译为超文本置标语言。
早在1986年，ISO就已经制定了标准的ISO8879，即SGML（Standard Generalized Markup Language）。
SGML是一个非常复杂的、功能丰富的系统，有很多种选项，很适合于需要精确文档标准的大型组织。
然而SDML的过分复杂使用它很不适合于简单快捷的WWW网。
由于HTML非常易于掌握且实施简单，因此它很快就成为WWW的重要基础。
官方的HTML标准由WWW Consortium负责制定。
1．HTML文件描述这类标记是每一个HTML文件都应该具有的，但是请注意，即使没有这些标记，浏览器也不会显示出错，而是按照默认的方式解释代码内容并显示页面。
●HTML文本标记<html></html><html>标记表示这是HTML文本文件，基本HTML页面以<html>标记开始，以</html>结束。
在它们之间，文件有两部分—标题和正文。
●文件头部标记<head></head>这个标记表示文件头部的描述，包含一个不在自己页面上出现的页面信息，例如标题名称(title)，一些有关浏览器的定义和说明。
●页面标题<title></title>定义的页面标题，这个标记之间的文字在被访问时将出现在浏览器窗口标题的地方。
●页面主体<body></body>页面内容所在。
主页面上显示的东西都包含在这两个标记之中。
在它的起始标记中可以包括一些页面属性，它们在整个页面有效：background：背景图片文件名；bgcolor：背景颜色；link：超级链接的颜色，一般浏览器默认为蓝色；text：设定本页面文本的颜色；vlink：已经看过的超级链接的颜色，默认为紫色。
HTML超⽂本标记语⾔（HyperTextMarkupLanguage）1、HTML是什么HTML指的超⽂本标记语⾔(Hyper Text Markup Language)，是⼀种⽤来描述⽹页的语⾔。
超⽂本指的是除了可以包含⽂字之外，还可以包含图⽚、链接、⾳乐、视频、程序等内容。
（每个都需要⼀个标记，在⽹页中通过不同的标记组成起来。
）HTML 指的是超⽂本标记语⾔ (Hyper Text Markup Language)HTML 不是⼀种编程语⾔，⽽是⼀种标记语⾔ (markup language)标记语⾔是⼀套标记标签 (markup tag)HTML 使⽤标记标签来描述⽹页前端三剑客。
2 常⽤的HTML标签① html 根标记② head 头标记③ body 体标记④ a 超链接⑤ form 表单⑥ table 表格<!--⼀个HTML页⾯最基本的组成部分html: 跟标记head：头标记写描述性的信息（css\javaScricpt）body: 体标记写页⾯显⽰的信息--><html><head></head><body>想写什么<!--标题标记 h1....--><h1 align="center">E</h1><h2 align="right">E</h2><h3 align="left">E</h3><!--超链接 href 可以指定应⽤内或者是应⽤外的任意地址--><a href="">跳转连接</a><!-- 表格--><h1 align="center">Information</h1><table border="lpx" align="center" width="60%"><!--内部是属性设置--><!--tr : 表⽰⼀⾏--><tr><!--th: 标题列⾃带剧中并加粗效果td: 普通列--><th>ID</th><th>Name</th><th>Age</th></tr><td>12234</td><td>Zhang</td><td>Mail</td><tr></tr></table><!--表单：收集⽤户的信息，提交到后台服务器--><form action="提交的地址，例如" method="GET/POST">⽤户名称：<input type="text" name="username" value="admim"/><!--数据的提交⽅式：username=admin ,此时username相当于⼀个key --><br/><!--换⾏-->⽤户密码：<input type="password" name="password"/>⽤户性别：男<input type="radio" name="gender" value="1"/>⼥<input type="radio" name="gender" value="0"/><!--通过在radio指定相同的name 来表⽰互斥的关系--><br/>⽤户爱好：⽻⽑球<input type="checkbox" name="hobby" value="1"/><!--checkbox表⽰多选框-->篮球<input type="checkbox" name="hobby" value="2"/>乒乓球<input type="checkbox" name="hobby" value="3"/><br/>⽤户地址：省份<select name="province"><!--select 表⽰下拉列表--><option value="hb">河北省</option><option value="js">江苏省</option><option value="ah">安徽省</option></select><br/><input type="submit" value="注册"/><!--表⽰按钮，点击后向 action中的地址进⾏数据的提交--></form></body></html>3、表现CSSCSS 指层叠样式表 (Cascading Style Sheets)样式定义如何显⽰ HTML 元素样式通常存储在样式表中把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题外部样式表可以极⼤提⾼⼯作效率外部样式表通常存储在 CSS ⽂件中多个样式定义可层叠为⼀ <div></div>：选中⼀部分区域，施加⼀些样式。
超文本标记语言计算机编程语言超文本标记语言（Hypertext Markup Language，简称HTML）是一种用于创建网页的标准标记语言。
它是一种计算机编程语言，用于描述网页的结构和内容。
HTML使用标记来定义文本和其他元素的结构和样式，使其能够在浏览器中正确显示。
HTML的语法简单易懂，基本上是由一系列的标记组成。
每个标记都由尖括号包围，其中包括一个起始标记和一个结束标记。
起始标记用来定义元素的开始，结束标记用来定义元素的结束。
在两个标记之间，可以插入文本、图像、链接、表格等元素，以便构建丰富多样的网页。
HTML的标记语言使用的是英文单词或者单词的缩写，例如，`<head>`标记用来定义文档的头部，包括标题、样式和脚本等信息。
`<body>`标记用来定义文档的主体部分，包括文本、图像、链接等内容。
`<p>`标记用来定义段落，`<h1>`到`<h6>`标记用来定义标题的级别，`<a>`标记用来定义链接，等等。
除了基本的标记外，HTML还提供了许多其他的标记和属性，用于控制文本的样式、布局和行为。
例如，可以使用`<b>`标记来加粗文本，使用`<i>`标记来斜体文本，使用`<table>`标记来创建表格，使用`<img>`标记来插入图像，等等。
通过合理使用这些标记和属性，可以实现丰富多样的网页效果。
HTML不仅可以创建静态网页，还可以与其他技术结合，实现动态交互效果。
例如，可以使用JavaScript编程语言来控制HTML元素的行为和样式，可以使用CSS样式表来定义网页的外观和布局。
通过这些技术的结合，可以实现网页的动态更新、表单验证、响应式布局等功能。
HTML的标准由万维网联盟（World Wide Web Consortium，简称W3C）制定和维护。
W3C不断更新和完善HTML标准，以适应不断变化的互联网环境。
<html>…</html> 表示该文档是html文档
<head>…</head> 头部标记
<title>…</title> 网页的标题标记
<style>…<.style> 定义css样式表标记
<script>…</script> 插入脚本语言标记
<body>…</body> 主体标记
单标记：
<p> 段落标记
<br> 换行标记
.. 表示返回上一级
文字标记：
<hn>…</hn> 标题标记(包含6种标记 1…6) 属性
align：表示对齐方式
<font>…</font> 文字格式标记属性
size:设置文字大小字号1-7;
face字体效果可以设置一个或多个字体名称；
color 设置字体颜色，默认为黑色。
文字样式标记：
<b>…</b> 设置文字为粗体字样式
<strong>…</strong>
<i>…</i> 设置文字为斜体字样式
<em>…</em>
<u>…</u> 为文字添加下画线
<sup>…</sup> 设置文字为上标样式
<sub>…</sub> 设置文字为下标样式
<s>…</s> 为文字添加删除线
<strike>…</strike>
列表标记：
<ul>…</ul> 无须列表标记
<li>…</li> 项目列表属性：dise●
type:表示无须列表的项目符号样式， circle▇
disc默认值square〇
<ol>…</ol> 有序列表标记属性：
start:设置列表的起始值，其值为整数，也可以为负数，只对
数字想起作用，默认从1开始。
type:属性值：1 数字 1、2、3…
a 小写英文字母a、b、c…
A 大写英文字母A、B、C…
ｉ小写罗马数字ⅰ、ⅱ、ⅲ…
Ⅰ大写罗马数字Ⅰ、Ⅱ、Ⅲ…
超链接标记：
<a>…</a> 超链接标记属性：
href:指定链接路径，当设置为“#”时表示一个空链接
name:指定链接的名称，常用于书签链接（即锚标记）
title:指定链接的提示文字
target:指定链接的目标窗口打开方式。
_parent表示在上一级
窗口打开；_blank表示在新窗口中打开；_self表示在
同一个窗口中打开；_top表示在浏览器的整个窗口中
打开。
accesskey:指定超链接热键【accesskey=“？”按住Alt键在
点击“？”再按回车键（IE）可以直接链接到html中。
name使用 <a herf=“××”>××</a>
<name=“××” id=“××”></a>
图片标记：<img /> 属性：
src:设置图像文件所在的路径，可以使相对路径也可以是绝对
路径
height:设置图像的高度（像素：高度和宽度会等比进行调整） width：设置图像的宽度（像素）
border:设置图像边框的宽度（像素），默认为无边框
hspace:设置两个图像之间的水平距(像素)
vspace:设置图像与文字的垂直间距
align:设置图像的对齐方式
alt:设置提示文字，当浏览器没成功加载图像或加载图像后鼠
标悬浮停在该图片上方时，将显示出提示文字
表格标记：<table>…</table> 属性：
width:表格宽度，接受绝对值（如80）及相对值（如 80%）。
height:与设置表格宽度相同
align：该一列内内容的对齐方式（水平），可选值为：left,
center, right。
valign: 该一列内内容的对齐方式（垂直），可选值为：top,
middle, bottom。
border: 表格边框的宽度（像素），注意其值大于1才可以显示 bordercolor:表格边框的颜色，必须保证表格边框值大于0
cellspacing:表格内框的宽度，即单元格与单元格之间的距离 cellpadding:表格内文字与边框的距离
bgcolor:设置表格的背景颜色
background:设置表格的背景图像
<caption>…</caption> 表格标题标记，位于整个表格第1行（只能用在IE浏览器上）<th>…</th> 表格表头标记，一般位于表格第一行的第一列，表头加粗显示行标记：<tr>…</tr> 属性：
width:设置行的宽度，只对设置的当前行有效
height:设置行的高度
bordercolor:设置该行的边框颜色
bgcolor:设置该行的背景颜色
background:设置该行的背景图片
align:设置该行文字的水平对齐方式
valign:设置该行文字的垂直对齐方式
单元格标记：<td>…</td> 属性：
colspan:将一行中的几个单元格合并成一个单元格，此属性值
为正表示需要合并单元格的个数
rowspan:合并表格的行，此属性值为正数表示需要合并的个数框架标记：<frameset>…</frameset> 置于头部标记之后属性：
rows:水平分割窗口，每个值表示一个框架窗口的水平宽度（素）
也可以是百分比。
【设了几个row属性值，就要有几个框
架页面标记】
cols:垂直分割窗口，与rows用法相同
frameborder: 是否显示框架边框，0隐藏 1显示
framespacing: 设置框宽度，默认为1像素
bordercolor:设置边框颜色
<frame> 框架页面标记定义框架内容属性：
src:设置框架页面文件的路径，如未设置只显示空白页面
name:设置页面名称，页面名称不允许包含特殊字符
noresize:禁止改变框架的尺寸
marginwidth:设置页面左右边缘与框架边框的距离
scrolling:是否显示框架滚动条，取值为yes/no/auto,默认为
auto,即根据窗口内容决定是否显示滚动条
<iframe>…</iframe> 浮动框架属性：
Src:指定浮动框架的文件路径
Name:设置浮动框架的名称
Align:设置浮动框架的对齐方式
Width:设置浮动框架的宽度
Height:设置浮动框架的高度
scrolling:设置浮动框架滚动条的显示方式。
Yes/no/auto
frameborder:指定是否显示浮动框架的边框。
0/1
marginwidth:设置浮动框架中内容的左右边界与边框的距离
marginheight:设置浮动框架中内容的上下边界与边框的距离多媒体标记：<embed>…</embed> 属性：
src:设置多媒体文件路径
width:播放多媒体文件区域的宽度
height:播放多媒体文件区域的高度
hidden:控制播放面板的显示和隐藏true隐藏 false显示
autostart:控制播放媒体是否自动播放，true自动false
loop:控制多媒体内容是否循环播放，true无限次循环播放
false仅播放一次。
