HTML（HyperText Markup Language，超文本标记语言）是为“网页创建和其他可在网页浏览器中看到的信息”设计的一种标记语言。HTML 主要用来使信息结构化——标题、段落和列表等，也可用来描述文档语义，还能在一定程度上描述文档的外观。
HTML 语言由蒂姆·伯纳斯·李给出原始定义，IETF（互联网工程工作小组）用简化的SGML（标准通用标记语言）语法进行进一步发展，后来成为国际标准，目前由万维网联盟（W3C）维护。
包含HTML 内容的文件最常用的扩展名是.html 和.htm。它是基于文本的，编写者可以用任何文本编辑器或所见即所得的HTML 编辑器来编辑HTML 文件。
早期的HTML 语法被定义成较松散的规则，以有助于不熟悉网络出版的人采用。网页浏览器接受了这个现实，并且可以显示语法不严格的网页。随着时间的流逝，官方标准渐渐趋于严格的语法，但是浏览器能继续显示一些不合标准的HTML。使用XML 的严格规则的XHTML（可扩展超文本标记语言）是W3C 计划中的HTML 的接替者。虽然很多人认为它已经成为当前的HTML 标准，但是它实际上是一个独立的、和HTML 平行发展的 标准。
注意
W3C 目前的建议是使用XHTML 1.1、XHTML 1.0 或HTML 4.01 进行网络出版。
HTML 语法的核心是由W3C 定义的一些标记。每种标记表示网页中的某种内容，如<p></p>表示一个段落，<img />表示一张图片，<hr />表示一条水平线，<br />表示一段文字中间人为的强制换行； 某些标记能描述一定的语义，如<address></address>描述一个地址，<em></em>描述强调的语气。
标记的形式如下：
标记由开始标记、结束标记和标记的内容构成，开始标记中可以设置多个属性，标记还可以包含内容，内容可以为文本或其他标记。
如果标记不包含内容，则采用如下形式：
(www.chuimin.cn)
下面创建第一个网页文档。
在磁盘的任意位置新建一个文本文档，命名为1.1.html。使用记事本或其他任何文本编辑软件打开它，在里面编写HTML 代码，如下：
例1.1：
在浏览器中浏览这个网页文档，运行结果如图1.1 所示。
图1.1 例1.1 的运行结果
说明
HTML 文件中的第一个标签是 <html>。这个标签告诉浏览器HTML 文件的开始点。文件中最后一个标签是 </html>。这个标签告诉浏览器，这是 HTML 文件的结束点。位于 <head> 标签和 </head> 标签之间的文本是头信息。头信息不会显示在浏览器窗口中。<title> 标签中的文本是文档的标题。标题会显示在浏览器的标题栏中。<body> 标签中的内容是将被浏览器显示给浏览者的网页正文。<p> 和 </p> 标签表示一个段落。
由上例可以看出，一个网页文档的源代码由标签和文本组成。最外层的标签为<html></html>，而它内部又分为两部分：<head></head>和<body></body>，<head></head>称为网页头部，它里面的标签用于描述网页的基本信息，一般不会显示出来。而浏览者要看到的网页内容由<body></body>表示，它称为网页正文。在网页文档的源代码中，各个标签或嵌套或平行，这样表示了整个文档的结构，而某些标签还有明确的语义，如p 表示它所包含的文字是一个段落。
有关基于HTML与CSS网页设计的文章
清除浮动可以理解为打破横向排列。图8.10例8.6 的运行结果_未清除浮动前说明按照之前所述的浮动的规则，secondDiv 上浮到firstDiv 右侧。假设出于某种需要，我们希望secondDiv 仍然出现在firstDiv 的下方，就像firstDiv没有设置浮动，仅为secondDiv 设置向左浮动那样。图8.11例8.7 的运行结果_清除左侧浮动说明在secondDiv 上设置了清除左侧浮动，也就是说它的左侧不能有浮动元素，这样导致它自己换行显示以满足这一规则。以下代码演示了清除右侧浮动的场景。......
2023-10-19
A.ID 选择器B.伪类选择器C.类选择器D.HTML 标签选择器3.假设有多条样式规则由一个独立的样式文件包含，现在有一个网页要使用这个样式文件中的样式规则，应在此网页中使用（ ）标签链接这个样式文件，并设置此标签的（ ）属性的值为这个样式文件的地址。登录页面CSS 的英文全称为Cascading Style Sheet，中文译名通常是层叠样式表或级联样式表。......
2023-10-19
如前所述，XHTML 是HTML 的替代者，它是从HTML 继承而来，但使用了XML 的规则进行严格规范。XHTML 与传统的HTML 的不同之处，主要来自于XML 语法规范的格式要求，即要求“格式良好”。这些要求统称为XHTML 文档的有效性。万维网联盟为XHTML 制定了3种DTD，分别适用于不同场景。过渡的：要求非常宽松的DTD，允许继续使用HTML4.01 的标签和属性，但要求格式良好。为确保XHTML 文档是有效的，应在文档第一行添加DOCTYPE即文档类型声明。DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">严格的：
2023-10-19
完成本任务所用到的主要知识点：标签标签标签问题已经制作了一个FLASH 动画，就像电视里的音乐MV 那样精致。这个动画的文件名为“gaoxyjni.swf”。分析FLASH 动画是网页中常见的多媒体类型。解决方案 新建网页文档3.html。 使用EditPlus 打开3.html 网页，在其中编写以下代码。图上机1.4弹出警告对话框单击按钮，浏览器将显示FLASH 动画，如图上机1.5 所示。图上机1.5FLASH 动画 使用chrome 浏览器测试这个网页，发现不能正常显示这个FLASH 动画。......
2023-10-19
图8.1例8.1 的运行结果_未使用浮动说明目前并没有使用浮动，4 个div 块作为块级元素在文档流中从上到下一次排列。图8.3例8.3 的运行结果_向右浮动说明secondDiv 因为浮动而脱离了正常的文档流之后，在它之后的thirdDiv 和forthDiv依次向上流动，填补了secondDiv 让出的空间，与之前的firstDiv 形成新的文档流。图8.6运行结果将secondDiv，thirdDic，forthDiv 都设置为向右浮动后的结果如图8.7 所示。......
2023-10-19
图7.2CSS2.0 盒模型层次3D 示意图此外，盒子还有块级盒子和内联盒子之分。图7.3块级元素转变为内联元素说明以上代码中的div、p、ul、li 等元素都是块级元素，默认使用块级盒状模型。图7.4块级元素转变为内联元素说明将两个段落、三个列表项目、后两个div 块的display 属性为inline 后，它们将使用内联盒状模型，不再换行，而是从左往右依次排列，与其他内联元素共用一行。以下分别介绍其他和盒状模型相关的CSS 属性。......
2023-10-19
视频教学资源学校目标了解WEB 和HTML 的关系理解HTML 标签在WEB 网页中的作用掌握HTML 文档的结构掌握常用的HTML 标签本章单词请在预习前完成下列单词的学习，将其写在横线上。嵌入）_______________________________________预习任务1.网页的标题标签应放置在（）标签内部。A.srcB.nameC.urlD.href3.用于描述网页大纲级别的标题标签共有（）种。A.url textB.link alterC.href textD.src alt5.HTML 语言中，某些标签只需要开始部分，可以不要结束部分，以下（）组属于这种情况。超链接10.在网页中使用锚标记显示各种不同的水果。水果列表水果描述......
2023-10-19
要想在网页中生成一条水平分割线，将不同的内容信息分开，使文字看起来更加清晰明确，那么就要使用到
2023-10-19
相关推荐