HTML语言基础讲解
第2章 html基础语法
第2章目录
第2章 HTML语言基础 HTML语言基础
六、超链接标记
链接－当前页面与其他相关页面间的联结关系；链 接的目标可以是任何图像和文件。若浏览器能识别就显 示，不能识别就下载 格式：<A>…</A> 功能：在当前页面和其他页面间建立链接。 主要属性见附表。 【举例2 【举例2－7】超级链接
第2章目录
第2章目录
功能：分区显示文档(布局)
第2章 HTML语言基础 HTML语言基础
说明：在一个文本块或许多段落中设置布局(对齐) 方式，经常使用DIV，它可以将文档内容分成区块一次 性地布局
注意：★若单个align属性出现在DIV内的标题或段 注意：★若单个align属性出现在DIV内的标题或段 落中,这些值将使全局变量DIV的设置无效 落中,这些值将使全局变量DIV的设置无效 ★DIV不是段落类型，故DIV应与其它标记配 DIV不是段落类型，故DIV应与其它标记配 合使用( 合使用(如P、Hn、UL、BLOCKQUOTE等) Hn、UL、BLOCKQUOTE等 ★也可以用CENTER代替DIV 也可以用CENTER代替DIV
第2章目录
【举例2 【举例2－4】文本标记综合示例
第2章 HTML语言基础 HTML语言基础
四、列表格式标记
1、有序列表 格式：<OL type=“符号类型”> <LI type=“符号类型”>……</LI> <LI type=“符号类型”>……</LI> …… </OL> 功能：建立有序列表
第2章目录
第2章目录
【举例】<Br>标记 【举例】<Br>标记
第2章 HTML语言基础 HTML语言基础
第二章HTML语言基础
第二章HTML编程基础HTML是超文本标记语言（Hypertext Markup Language）的缩写，是Web环境的语言基础。
浏览器的主要功能就是识别和解释HTML语言，从而决定网页内容的显示方式。
HTML只是一种描述性的标记语言，不是编程语言，没有复杂的语法和结构，因而非常简单易学。
2．1 构建HTML网页HTML文件是纯ASCII码文件，可以用任何纯文本编辑工具（如记事本）编写，一般使用Dreamweaver或FrontPage这些所见即所得的可视化工具更为方便。
2.1.1HTML页面的基本组成启动 Dreamweaver 时自动建立一个新的空白HTML文档。
切换到“代码”视图窗口，就可以看到以下代码：<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>无标题文档</title></head><body></body></html>从中可见，一个基本的HTML文档总是以标记<html>开始，以</html>结束。
其中用<head></head>和<body></body>把文档分为两个部分。
<head>与</head>之间的是文件头，文件头内包含关于文件的说明信息，这些信息并不在浏览器窗口中显示。
在<body>和</body>之间的内容是文档的体，包括文本、图形、窗体和框架等，都是窗口中要显示的内容。
HTML 文件结构如图2-1所示。
图2-1 HTML文件结构2.1.2HTML标记的特点(1)HTML标记均是用尖括号<>阔起来的，大多数标记是成对出现和使用的，有开始标记和对应的结束标记，结束标记在尖括号中使用反斜杠“/”，其用法格式为：<标记名>文本</标记>比如：<title>无标题文档</title>，这条语句的作用是在浏览器的标题栏显示“无标题文档”几个字。
第5章 HTML语言基础
5.2.1 HTML的标题标记
例5-2 文件头标记的应用。 <!--文件名：example5-2.html-->
<html>
<head> <title>文件头标记的应用</title> <meta name="keywords" content="study, computer">
<meta name="author" content="Zhangjie">
5.2.2 HTML的正文标记
（6）页面内容距浏览器边界的距离 格式： <body leftmargin="number01" topmargin=" number02">…</body> 说明：leftmargin属性和topmargin属性取值均为数值，分别表示网页 主体内容距浏览器左端和顶端的距离，如，<body leftmargin=“30” topmargin=“ number50”>。
属性：<body>标记一般有六种可选属性，它们用来设置Web页面的外 观。这些属性分别是：
（1）页面背景颜色属性
格式：<body bgcolor="#RRGGBB">…</body>
说明：该属性是用来设置页面的背景颜色的，其值可用六位十六进 制形式的颜色代码表示。颜色代码#RRGGBB中的RR、GG、BB分别表示红、 绿、蓝三种原色的亮度，取值范围在00～FF之间，数值越大亮度越高， 如颜色代码#000000表示为黑色。常见的颜色代码如表5-1所示。
HTML基础ppt课件
15
2.1 head容器的标记
3．meta元素 格式：
<meta name="text" http-equiv="text" content="text“ />
第1章 HTML基础
1
第1章 HTML基础
1 HTML文档结构 2 HTML基本标记的使用 3 超链接标记 4 HTML表格 5 HTML表单
2
1 HTML文档结构
在互联网中传送的文档，绝大部分使 用超文本标记语言编写，这些文档称为 HTML文档。
在基本HTML文档中，只允许两种元 素存在：一种是HTML标记，另一种则是 普通文本。
18
2.1 head容器的标记
5．script元素 格式：
<script type=“text/javascript”> 脚本语言代码段
3
1 HTML文档结构
HTML文档的组成结构如下：
4
1 HTML文档结构
一个完整的HTML文档通常由以下三部分组成：
1．HTML标记 格式：<html> … </html>
2．头部信息 格式：<head> … </head>
3．文本主体 格式：<body> … </body>
5
1 HTML文档结构
11
2.1 head容器的标记
HTML基础知识
2.4 HTM L标记
2.图像标记<IMG>
在HTML中，使用IMG标记在网页中加入图像。它具有 两个基本属性src和alt，分别用于设置图像文件的位置和替 换文本。
上一页 下一页 返回
2.4 HTM L标记
2.4.6超链接标记
1.相对地址与绝对地址 URL 统一资源定位符，也被称为网页地址，是表示互联
上一页 下一页 返回
2.4 HTM L标记
2.4.3文本标记
1.<FONT> <FONT>标记用于控制网页上文字的字体，大小和颜色。
控制方式是利用属性设置得以实现的。 2.特殊符号
某些字符在HTML中具有特殊意义，如小于号(<)即定 义HTML标记的开始。这个小于号是不显示在最终看到的网 页单的。那如果希望在网页中显示一个小于号，该怎么办呢? 要在浏览器中显示这些特殊字符，就必须在HTML文档中使 用字符实体。
在<TD>和<TH>标记内使用colspan的取值表示水平 方向上合并的列数。
上一页 下一页 返回
2.4 HTM L标记
2.4.8表单标记
1.表单元素 <FORM>标记：用于在网页中创建表单区域，属于一
个容器标记，表示其他表单标记需要在它的包围中才有效。 其属性介绍如下。 action用来设置接收和处理浏览器递交的表单内容的服务器程 序的URL。 method：此属性告诉浏览器如何将数据发送给服务器，它指 定向服务器发送数据的方法(用POST方法还是用GET方法)。
上一页 下一页 返回
2.4 HTM L标记
2.4.10脚本标记
有时，网页中的一些特殊效果击要加入脚本语言才能够 实现，脚本语言是一种简化的编程语言，它可以生成许多的 网页特效，如滚动的文字、雪花效果、波浪效果等。‘常用 的脚本语言有3种，分别是JavaScript， VBScript和 Jscript。其中JavaS cript是IE不II Navigator都完全 支持的脚本语言，所以使用得最广泛。
第2章 HTML语言基础
<head> <script src="path/to/script.js" language="javascript" type="text/javascript"> </script> </head>
引用外部 文件
2.2.3 HTML中样式表的书写
级联样式表CSS可以精确指定网页元素位置，控制网页 外观以及创建特殊效果。 在网页上使用样式表有三种方法： ① 应用内嵌样式到各个网页元素。 ② 在网页上创建嵌入式样式表。 ③ 将网页链接到外部样式表。 1．内嵌样式 使用内嵌样式以应用层叠样式表属性到网页元素上。 例如段落标记符的内嵌样式属性如下： <p style="border-style: solid">
2.2.3 HTML中样式表的书写
2．嵌入式样式表 若只是定义当前网页的样式，可使用嵌入的样式表。
<HEAD><TITLE>字体属性示例</TITLE> <STYLE> <!-.s1{ font-family:黑体;font-size:x-large; font-style:italic } .s2{ font-size:larger} .s3{ font-variant:small-caps} .s4{ font-weight:bolder} .s5{ font:bolder italic 楷体_gb2312} --> </STYLE> </HEAD>
图2-1 简单的HTML文档
2.2 HTML文件的整体结构
2.2.1 HTML文件结构
一个完整的HTML文件结构如下: <html> 头部 <head>头部信息</head> <body>正文信息</body> 正文 </html>
第2章 HTML语言基础
2.1.2 HTML文件
【例2-1】简单的HTML文件。 <HTML> <HEAD> <TITLE> 简单的HTML文件 </TITLE> </HEAD> <BODY> 最简单的网页 </BODY> </HTML>
17
2.2 HTML语言的段落、超链接、图片标记
2.2.1 简单标记的认识与使用
表2-2 16种标准颜色
23
2.2.1 简单标记的认识与使用
例2-2 使用网页的背景色（bgcolor）属性，可以设定整个 网页的背景颜色；使用网页的文本色（text）属性，可以设 定整个网页文字的颜色。 <HTML> <HEAD> 这是主体之外的文本 <TITLE> 试试BODY标记的属性 </TITLE> </HEAD> <BODY bgcolor=greenyellow text=blue>
就其本质而言，是一个基于文本的编码标准，用于指示浏
览器以什么方式显示信息。 HTML是一种用于网页制作的排版语言，是Web最基本的构 成元素。HTML并非一种编程语言。 组成HTML的“命令”就是标记，它用符号“<”和“>”括起
来。
3
2.1.1 HTML概述
2. HTML的作用
① 格式化文本。 ② 建立超链接。
注意： ①并不是所有的标记都有属性，如换行标记<BR>。 ②根据需要可以用该标记的所有属性，也可以只用 需要的几个属性，在使用时，属性之间没有顺序。多 个属性之间用空格隔开。 属性和标记一样，都不区分大小写。但为了阅读方 便，本书用大写字母表示标记，小写字母表示属性。
第二章 网页设计语言_Html
标题标记用于设置文档中的标题，其中
<H1>...</H1>标记表示字体最大的标题，
<H6>…</H6>标记表示字体最小的标题。
每个标题标记所标记的字句将独占一行且上下留下一空 白行。
演示：Sample2_4.htm
水平线的插入 <hr>标志是在Html文档中加入一条水平线。
COLOR属性
设置水平线的颜色，例如<HR color=red>
2.5.1 在网页中插入图像
演示：Sample2_13.htm、Sample2_14.htm
2.5.2
播放多媒体文件
Img标记不仅用于在网页中插入图像，也可以用
于播放多媒体文件（.avi）。若要在网页中播放多媒
体文件，应在IMG标记中设置以下属性： DYNSRC：指定要播放的多媒体文件的URL。 START：指定何时开始播放多媒体文件，其取值可 以是fileopen或mouseover。
二、创建无序列表 使用UL和LI标记来创建，语法格式如下：
<UL>
<LI>列表项1
…… <LI>列表项n </UL>
UL标记的TYPE属性用于指定列表项前面显示的项目 符号，其取值可以是：
disc：使用实心圆作为项目符号（默认值）。
circle：使用空心圆作为项目符号。 square：使用方块作为项目符号。 演示：Sample2_10.htm
<P align=“center”> 演示：Sample2_7.htm 、Sample2_8.htm
二、换行标记<BR> 大多数情况下，段落标记<P>是分隔文本的最佳
第3章 HTML语言基础
在起始标记和结尾标记中间的部分是元素体。 每一个元素都有名称和可选择的属性，元素 的名称和属性都在起始标记内标明。比如体
<body backgroud＝"background.gif"> <h2>示例</h2> 这是一个示例<p>
</body>
第一行是体元素的起始标记，它标明体 元素从此开始。由于所有的标记都具有相同 的结构，因此仔细分析这个标记的各个部分， 就能对标记的写法有一个大概了解。 < 起始标记开始
第3章 HTML语言基础
本章要点： 网页设计的基本原则 HTML语言及其基本语法
HTML（Hyper Text Markup Language， 即超文本标记语言）是一种用来制作超文 本文档的简单标记语言。用HTML编写的 超文本文档称为HTML文档，它能独立于 各种操作系统平台（如UNIX，WINDOWS 等）。自1990年以来HTML就一直被用作 WWW上的信息表述语言，用于描述网页 的格式设计和它与WWW上其它网页的链 接信息。
（5）定期更新网页内容。每隔一定时间就 对网页内容和版面设计进行较大幅度的更新， 从而吸引访问者的注意力。这不失为增加来 访次数的好方法。 （6）注意网站内容的搭配。在首页中尽量 使之美观大方，直观又丰富。其它网页要与 首页有很好的搭配效果。
（7）考虑不支持某些功能的浏览器。随着 网页设计技术的不断进步，在网页中经常会 使用一些特殊的技术，使得网页的功能更加 丰富，看起来也更加美观。但是不可排除一 些用户使用过时的浏览器浏览这些网页，这 就需要为这些特殊的功能部分添加替代性文 字，避免误将程序代码显示出来。 （8）对多媒体文件实施有限的限制。尽管 网络多媒体技术有了很大的发展，但由于网 络速度的限制，就要求一个网页设计者在设 计网页时要充分考虑到所添加多媒体部分的 大小和必要性。
HTML 基础知识
HTML 基础知识培训一、HTML入门HTML英语意思是：Hypertext Marked Language，即超文本标记语言,是一种用来制作超文本文档的简单标记语言。
用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台（如UNIX，WINDOWS等）。
自1990年以来HTML就一直被用作World Wide Web 的信息表示语言，用于描述Homepage的格式设计和它与WWW上其它Homepage 的连结信息。
使用HTML语言描述的文件，需要通过WWW浏览器显示出效果。
所谓超文本，因为它可以加入图片、声音、动画、影视等内容，因为它可以从一个文件跳转到另一个文件，与世界各地主机的文件连接。
过HTML可以表现出丰富多彩的设计风格图片调用：<img src="路径/文件名">文字格式：<font size="+5 " color="00FFFF">文字</font>通过HTML可以实现页面之间的跳转页面跳转：<a href="" title="" target="_blank">超级链接</a>通过HTML可以展现多媒体的效果音频、视频、动画上面我们在示例超文本特征的同时，采用了一些我们在制作超文本文件时需要用到的一些标签。
所谓标签，就是它采用了一系列的指令符号来控制输出的效果，这些指令符号用“<标签名属性=”值”></标签名>”来表示。
二、HTML的基本结构超文本文档分文档头和文档体两部分，在文档头里，对这个文档进行了一些必要的定义，文档体中才是要显示的各种文档信息。
其中<HTML>在最外层，表示这对标记间的内容是HTML文档。
我们还会看到一些页面省略<HTML>标记，因为.html 或.htm 文件被Web浏览器默认为是HTML文档,但是这种做法是错误的，后面会提到一些错误的做法。
HTML基础
《Web程序设计》
10
表2-1 BODY标记属性值
标记属性 background=URL bgcolor=colorvalue text=colorvalue link=colorvalue vlink=colorvalue alink=colorvalue bgproperties =fixed leftmargin=size 设置网页的背景图片 设置网页的背景颜色 设置文本的颜色 设置尚未被访问过的超文本链接的颜色，默认为蓝色 设置已被访问过的超文本链接的颜色，默认为紫色 设置超文本链接在被单击的瞬间的颜色，默认为红色 设置背景是否随滚动条滚动 设置网页左边的空白 功能
《Web程序设计》
预定义格式标记
23
《Web程序设计》
24
例 <HTML> <HEAD> <TITLE>显示<p>与<pre>的区别 </TITLE> </HEAD> <BODY> <P>春晓 春眠不觉晓，处处闻啼鸟。 夜来风雨声，花落知多少。 </P> <PRE width=1>春晓 春眠不觉晓，处处闻啼鸟。 夜来风雨声，花落知多少。 </PRE> </BODY> </HTML>
《Web程序设计》
2.1.2 HTML文档的结构
<HTML> <HEAD> 标题部分 </HEAD> <BODY> 正文部分 </BODY> </HTML> 每一个用尖括号“ < ”和“ > ” 括起来的部分称为一个标记，每一 个标记都必须有一个标记名称来作 为该标记的唯一标识。绝大部分的 标记都有其相关属性及属性值，取 值可以用双引号括起来 ( 也可以不 用) 大部分的标记都是成对出现的， 这类标记称为包容标记。个别标记 是单独出现的，这类标记称为空标 记。需要说明的是，HTML语言是不 区分大小写的 5 《Web程序设计》
第二章HTML基础
例：
无序列表
例：
有序列表
1. 计算机一班 2. 计算机二班
1.无序列表
无序列表由两个标记组成，语法如下：
<ul>
<li> <li> 计算机一班 计算机二班
</ul>
<ul></ul> 表示中间的内容为无序列表 <li> 表明为一个列表项
例：
<html><body> <ul> <li>第一章 <li>第二章 <li>第三章 </ul> </body></html>
问其它的信息资源。
HTML文件大致结构
<HTML> <HEAD> <TITLE>网页标题</TITLE> </HEAD>
<BODY>
网页的内容 </BODY>
</HTML>
一个完整的html文件
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "/TR/REC-html40/strict.dtd"> <HTML> <HEAD> <TITLE>The document title</TITLE> </HEAD> <BODY> <H1>Main heading</H1> <P>A paragraph.</P> <P>Another paragraph.</P> </BODY> 运行结果 </HTML>
超文本标记语言(html)的基础知识
超文本标记语言(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语言基础
上机练习
制作如下网页，写出HTML源代码。
静夜思
李白 床前明月光， 疑是地上霜； 举头望明月， 低头思故乡。
要求：标题：H2，居中，黑体，红色 作者名：H4，居中，宋体，黑色 正文：隶书，蓝色 整个网页为乳白色（ivory） 网页标题：古诗一首
常用标签
<pre></pre> :用于显示具有预先定义格式的文本
常用标签
12. 特殊字符的显示 在html文档中，字符“〈”、“〉”、“*”等有特殊含义。当 要在窗口中显示这些字符时，须用转义符。 显示 转义符 如： 〈 < > > & &
常用标签
13. <marquee></marquee> :设置文字流动 属性： （1）direction：设置滚动的方向。 <marquee direction =“left”>文字从左滚动</marquee> （2）scrollamount：设置内容滚动的速度。
例如下：
常用标签
<html> <head> <title>有序列表 有序列表</title> 有序列表 </head> <body text=green> <h1><center><font color=blue >积极的心态助你成功 积极的心态助你成功</font></center></h1> 积极的心态助你成功 成功就是一种感觉，你可以去制造感觉，还要依感而行 成功就是一种感觉， 成功就是一种感觉 你可以去制造感觉， 事，也许机会就这样来了，成功就这样来了。 也许机会就这样来了，成功就这样来了。 <OL> <LI>言行举止像希望成功的人。 言行举止像希望成功的人。 言行举止像希望成功的人 <LI>要心怀心胜。 要心怀心胜。 要心怀心胜 <LI>有美好的感觉、信心和目标去影响别人。 有美好的感觉、 有美好的感觉 信心和目标去影响别人。 <LI>心存感激。 心存感激。 心存感激 <LI>学会称赞别人。 学会称赞别人。 学会称赞别人 </OL> </body> </html>
第2章 HTML语言基础
HTML概述 HTML概述
HTML( Hypertext Marked Language，超文本标记语言 ： ，超文本标记语言)： 是一种用来制作超文本文档的简单标记语言。 是一种用来制作超文本文档的简单标记语言。
HTML是一种标记式语言，而不是如C++和Java之类的编程语 HTML是一种标记式语言，而不是如C++和Java之类的编程语 是一种标记式语言 C++ 明白了各种标记的用法便算学懂了HTML。 基本上只要明白了各种标记的用法便算学懂了HTML 言，基本上只要明白了各种标记的用法便算学懂了HTML。 任何文本编辑器都可以用来编写HTML网页，包括记事本、写 任何文本编辑器都可以用来编写HTML网页，包括记事本、 HTML网页 字板、word等编辑软件 但在保持时注意， 等编辑软件， 字板、word等编辑软件，但在保持时注意，一定要用扩展名 为”.html”的纯文本方式存盘。 .html”的纯文本方式存盘。 在客户端浏览器，可以通过单击菜单[查看]/[源文件] 在客户端浏览器，可以通过单击菜单[查看]/[源文件]查看 ]/[源文件 浏览器所打开的HTML网页的源代码。 HTML网页的源代码 浏览器所打开的HTML网页的源代码。
（2）多数标记是成对出现的，一对标记的前面一个是起始标 ）多数标记是成对出现的， 第二个是结束标记， 记，第二个是结束标记，在起始和结束标记之间的文本是元素 内容。在起始标记的标记名称前加上符号“ 便是结束标记 便是结束标记。 内容。在起始标记的标记名称前加上符号“/”便是结束标记。 例如：<html>与</html>、<body>与</body>。 例如：<html>与</html>、<body>与</body>。
HTML基础
</div> </body> </html>
整理课件
24
3 超链接标记
HTML用<a>来表示超链接，英文叫anchor， 一个链接的基本格式如下：
整理课件
17
2.1 head容器的标记
4．base元素 格式：
<base href="URL" target="text" />
base元素指定一个显式 URL 用于解析对于外部源
的链接和引用，如图像和样式表。当用户使用相对
URL请求文档时，超链接也会正确地执行。Target
指定文档中所有链接的默认窗口，该属性主要用在
<div>…<div>
定义标题, 其中:n=1,…,6。<h1>定义了最大 字号的标题, <h6>定义了最小字号的标题
段落标记，文档主体中两个段落之间插入换行
把图像插入到文档中，其中src属性给出图像地 址
定义超文本链接属性，并将结果返回给用户浏览 器
放置一个横穿浏览器窗口的水平线
在文本中强制换行
<!--注释开始, -->注释结束。注释中不能包含 注释
使用框架结构的网页中，使用框架结构，同一浏览
器窗口中可以容纳多个网页，同时在若干不同的框
架窗口中显示。
整理课件
18
2.1 head容器的标记
HTML语言基础
3．水平线标记<hr> 水平线是在网页上划出一条水平的分割线，用<hr>来标记 水平线。语法格式为： <hr align=left/center/right noshade size=？ width=？ color=？> Align：设置水平线的对齐方式。对齐方式有左对齐，居 中，右对齐三种。 noshade: 用来去除线段阴影。 Size：设置水平线的高度，以像素为单位。 Color：设置水平线的颜色。 Width：设置水平线的宽度，单位是像素或百分比，像素 是绝对大小，不会随着程序窗口的大小而改，百分比是相对于 程序窗口水平线所占的比例，会随着程序窗口的大小而改变。
4.3.2 使用背景图像 语法格式为： 语法格式为：
<body background = “url”>…</body> url是指图片文件的路径。 <body>是文件体标签，用来标识文件体的起止，是每个 HTML文件的主体部分。它有三个参数：text、bgcolor、 background.其中,text用来设置WEB页的文本色， bgcolor用 来设置背景色， background用来设置背景图像。 当bgcolor、background被设置后,背景色的效果不会显 示，除非浏览器在指定的路径下没有找到background中设置的 图片文件。 见案例9：背景文本颜色
4.1.1 HTML简介 HTML简介 1．围堵标记 ． 格式： 格式： <标记 标记>……</标记 标记> 标记 标记 2．单标记 ． 格式： 标记 标记> 格式：<标记 只有起始标记，没有结束标记。 只有起始标记，没有结束标记。最常用的单标记 它表示段内换行。 是<br>, 它表示段内换行。 3．标记属性 ． 格式： 标记 属性1 属性2 属性3……> 格式：<标记 属性 属性 属性 各属性间无前后顺序，属性也可省略， 各属性间无前后顺序，属性也可省略，当省略属 性时取标记的默认值。 性时取标记的默认值。
HTML语言介绍
HTML语言介绍HTML（全称：HyperText Markup Language，超文本标记语言）是一种用于创建网页结构和内容的标记语言。
它是互联网世界中最基础的语言之一，为网页提供了结构、内容和样式描述，并与其他技术（如CSS和JavaScript）一起用于创建交互式和动态的网页。
HTML的设计初衷是为了便于共享文档，并在全球范围内互联网上共享信息。
HTML最早由物理学家蒂姆·伯纳斯-李（Tim Berners-Lee）开发，他是万维网的发明者之一、HTML的发展和演变始于1991年，到目前为止，已经发布了多个HTML版本，每个版本都带来了新的元素、属性和功能。
最新的HTML版本是HTML5，发布于2024年，它为开发者提供了更多更强大的功能和灵活性。
除了提供结构和内容描述，HTML还可以与其他技术配合使用，以创建动态和交互式的网页。
最常用的是CSS（层叠样式表），它用于定义网页的外观和样式。
通过CSS，开发者可以改变文字颜色、背景图像、元素排列和整体布局等。
另一个重要的技术是JavaScript，它是一种用于创建复杂的交互效果和动态内容的脚本语言。
通过JavaScript，开发者可以对网页进行事件处理、表单验证、动画效果等。
HTML的优点之一是它的易于学习和使用。
由于其简单和直观的语法，即使对于初学者来说，也可以很快掌握基础知识，并开始编写简单的网页。
此外，HTML是一种跨平台的语言，可以在各种不同的操作系统和设备上运行。
总结来说，HTML是一种用于创建网页结构和内容的标记语言。
它为开发者提供了一种简单、直观和跨平台的方式来共享信息和创建网页。
虽然HTML在一些方面存在局限性，但它仍然是互联网世界中最基本和重要的语言之一、随着技术的不断发展和HTML标准的更新，HTML将继续演变和提供更强大的功能，以满足日益增长的需求和创意。
HTML从入门到精通 第1章 HTML入门
·2·HTML网页设计参考手册HTML的基本概念HTML的发展历史网页设计原则Dreamweaver简介在Dreamweaver中直接编写HTML网页制作技术日新月异，但都是以HTML为基础的。
HTML是浏览器识别网页的标记语言，可以说，没有它就没有丰富多彩的网页。
本章首先让读者对HTML有一个初步的认识，了解其概念、发展历史以及编写方法。
第1章HTML入门·3·1.1 HTML的基本概念1.1.1 HTML简介HTML的英文全称是Hyper Text Markup Language，直译为超文本标记语言。
它是全球广域网上描述网页内容和外观的标准。
HTML包含了一对打开和关闭的标记，在当中包含有属性和值。
标记描述了每个在网页上的组件，例如文本段落、表格或图像等。
事实上，HTML是一种因特网上较常见的网页制作标注性语言，而并不能算做一种程序设计语言，因为它缺少程序设计语言所应有的特征。
HTML通过IE等浏览器的翻译，将网页中所要呈现的内容、排版展现在用户眼前。
1.1.2 HTML的结构概念一个完整的HTML文件包括标题、段落、列表、表格以及各种嵌入对象，这些对象统称为HTML 元素。
在HTML中使用标签来分割并描述这些元素。
实际上可以说，HTML文件就是由各种HTML 元素和标签组成的。
一个HTML文件的基本结构如下：<html> 文件开始标记<head> 文件头开始的标记…文件头的内容</head> 文件头结束的标记<body> 文件主体开始的标记…文件主体的内容</body> 文件主体结束的标记</html> 文件结束标记从上面的代码结构可以看出，在HTML文件中，所有的标记都是相对应的，开头标记为< >，结束标记为</ >，在这两个标记中间添加内容。
有了标记作为文件的主干后，HTML文件中便可添加属性、数值、嵌套结构等各种类型的内容了。