超文本标记语言
第2章 超文本标记语言HTML
第1节 HTML语言基础 HTML语言基础
注意 ：
1.每个元素都用“<”和 >”括起来， <”与元素名 1.每个元素都用“<”和“>”括起来，“<”与元素名 每个元素都用 括起来 之间不能有空格或其它字符 不能有空格或其它字符。 之间不能有空格或其它字符。 2.所有的元素都是成对出现的 在元素名前加符号“ 所有的元素都是成对出现 2.所有的元素都是成对出现的，在元素名前加符号“/” 便是其结束标记，表示这种元素内容的结束。 便是其结束标记，表示这种元素内容的结束。 3.元素名不用区分大小写。 元素名不用区分大小写 3.元素名不用区分大小写。但在编写网页时最好保持 元素的大小写一致，这样便于辨认， 元素的大小写一致，这样便于辨认，有利于减少编 制网页中的错误。 制网页中的错误。 4.对同一段要标记的内容 可以用多个元素来共同作 对同一段要标记的内容， 4.对同一段要标记的内容，可以用多个元素来共同作 产生一定的效果。 用，产生一定的效果。此时各个元素间的顺序也是 任意的。 任意的。
2
第1节 HTML语言基础 HTML语言基础
HTML的基本结构 二、 HTML的基本结构 HTML的元素与标签 1、HTML的元素与标签 HTML文档是由元素和内容组成的 文档是由元素和内容组成的。 HTML文档是由元素和内容组成的。其 元素(Element)就是HTML (Element)就是HTML语言中尖括号 中 ， 元素 (Element) 就是 HTML 语言中尖括号 之间的标记，又叫标签(Tag) (Tag)。 之间的标记，又叫标签(Tag)。 元素分为两大类： 元素分为两大类：一类用于确定超文本在 浏览器中显示的方式； 浏览器中显示的方式 ； 另一类用于确定超 文本在浏览器中显示的内容。 文本在浏览器中显示的内容 。 元素在文本 中具有如下格式： 中具有如下格式： 元素名>内容</元素名> </元素名 <元素名>内容</元素名>
HTML实验报告
按照属性的作用，可以大致将属性分为以下几类：
表现属性：用来控制页面内容的表现效果，如高度、宽度、边框等。
事件属性：用来添加行为，一般要结合JavaScript来实现，如onmouseover、onclick等。
标记属性：用来标记某个标签，如id、name等。
级联样式属性：是指使用级联样式表，如style、class等。
<head>标签用于定义文档的头部，它是所有头部元素的容器。<head>中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。
<title>元素是用来定义文档的标题。
<body>元素定义文档的主体。body元素包含文档的所有内容（比如文本、超链接、图像、表格和列表等等。）
<meta>元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。
点击链接可以从一张页面跳转到另一张页面。
几乎可以在所有的网页中找到链接。
（二）
（
（）
实验报告成绩（百分制）__________实验指导教师签字：__________
武夷学院实验报告
课程名称：电子商务网站设计与开发_ 项目名称：_基于HTML的网页设计
html超文本标记语言
概述
二、HTML的基本语法
1、HTML的元素与标签 基本形式：<元素名>内容</元素名> 说明：尖括号间的标记用于确定超文本在浏览器中的 显示方式和内容。 也有些元素，如<hr>，不需要</hr>，不对文档中的某 个部分起作用，只是用来提供给浏览器的一种显示方式。 也有些元素具有属性，属性值可以更准确的描述浏览 器的显示方式。如： <hr align=“center” color=“green” size=“10” noshade>
四、网页内部的链接
当网页比较长时，可以网页内部建立链接，使得可以快速 跳转。有时需要跳转到另外一张网页时，也需要直接到达 该网页的内部。 做法： 1、利用<a>标记符的name属性，建立目标锚点 2、利用<a>标记符的href属性，建立链接
26/55
HTML页的链接
that.htm文件
<html> <body> <a name="#top">标题</a><p> 这是一些无关的内容!<p>这是一些无关的内容!<p>这是一些无关的内容!<p> 这是一些无关的内容!<p>这是一些无关的内容!<p>这是一些无关的内容!<p> 这是一些无关的内容!<p>这是一些无关的内容!<p>这是一些无关的内容!<p> 这是一些无关的内容!<p>这是一些无关的内容!<p>这是一些无关的内容!<p> 这是一些无关的内容!<p>这是一些无关的内容!<p>这是一些无关的内容!<p> 这是一些无关的内容!<p>这是一些无关的内容!<p>这是一些无关的内容!<p> 这是一些无关的内容!<p>这是一些无关的内容!<p>这是一些无关的内容!<p> <a name="#point">锚点</a><p> <a href="a">回到标题</a> </body> </html>
HTML
超文本标记语言是标准通用标记语言下的一个应用，也是一种规范，一种标准，它通过标记符号来标记要显 示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显 示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。浏览器按顺序阅读网页文件，然后根据 标记符解释和显示其标记的内容，对书写出错的标记将不指出其错误，且不停止其解释执行过程，编制者只能通 过显示效果来分析出错原因和出错部位。但需要注意的是，对于不同的浏览器，对同一标记符可能会有不完全相 同的解释，因而可能会有不同的显示效果。
相关要求
在编辑超文本标记语言文件和使用有关标记符时有一些约定或默认的要求。 HTML
谢谢观看
万维网（world wide web，简称www）上的一个超媒体文档称之为一个页面（外语：page）。作为一个组 织或者个人在万维网上放置开始点的页面称为主页（外语：Homepage）或首页，主页中通常包括有指向其他相 关页面或其他节点的指针（超级链接），所谓超级链接，就是一种统一资源定位器（Uniform Resource Locato......
自1990年以来，HTML就一直被用作万维网的信息表示语言，使用HTML描述的文件需要通过web浏览器显 示 出 效 果 。 H T M L 是 一 种 建 立 网 页 文 件 的 语 言 ， 通 过 标 记 式 的 指 令 ( Ta g ) ， 将 文 字 ， 图 形 、 动 画 、 声 音 、 表 格 、 链 接、影像等内容显示出来。事实上，每一个HTML文档都是一种静态的网页文件，这个文件里面包含了HTML指 令代码，这些指令代码并不是一种程序语言，只是一种排版网页中资料显示位置的标记结构语言，易学易懂，非 常简单。HTML的普遍应用就是带来了超文本的技术―通过单击鼠标从一个主题跳转到另一个主题，从一个页面 跳转到另一个页面，与世界各地主机的文件链接超文本传输协议规定了浏览器在运行HTML文档时所遵循的规则 和进行的操作。HTTP的制定使浏览器在运行超文本时有了统一的规则和标准。
超文本标记语言(英文：HyperText Markup Language,HTML)
超文本标记语言（英文：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教程（1）什么是HTML文件？∙HTML的英文全称是Hypertext Marked Language，中文叫做“超文本标记语言”。
∙和一般文本的不同的是，一个HTML文件不仅包含文本内容，还包含一些Tag，中文称“标记”。
∙一个HTML文件的后缀名是.htm或者是.html。
∙用文本编辑器就可以编写HTML文件。
这就试写一个HTML文件吧！打开你的Notepad，新建一个文件，然后拷贝以下代码到这个新文件，然后将这个文件存成first.html。
<html><head><title>Title of page</title></head><body>This is my first homepage. <b>This text is bold</b></body></html>要浏览这个first.html文件，双击它。
或者打开浏览器，在File菜单选择Open，然后选择这个文件就行了。
示例解释这个文件的第一个Tag是<html>，这个Tag告诉你的浏览器这是HTML文件的头。
文件的最后一个Tag是</html>，表示HTML文件到此结束。
在<head>和</head>之间的内容，是Head信息。
Head信息是不显示出来的，你在浏览器里看不到。
但是这并不表示这些信息没有用处。
比如你可以在Head信息里加上一些关键词，有助于搜索引擎能够搜索到你的网页。
在<title>和</title>之间的内容，是这个文件的标题。
你可以在浏览器最顶端的标题栏看到这个标题。
在<body>和</body>之间的信息，是正文。
在<b>和</b>之间的文字，用粗体表示。
<b>顾名思义，就是bold的意思。
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
20
引文标签 (缩排标签）<blockquote>
<blockquote>标签可以用来建立一个引文，特 别适合较长文本的引用，引文显示时将会自动 右移，左边空出几个格，加以区别。 实例：3-5.html
21
水平分隔线标签<hr>
<hr>标签是单独使用的标签，用于段落与段落之间的分隔， 使文档结构清晰明了，使文字的编排更整齐。 通过设置<hr>标签的属性值，可以控制水平分隔线的样式。
字号范围为 1---- 7
30
3.颜色属性COLOR
基本语法:
<FONT COLOR=“颜色 值”>文字</FONT>
实例：3-10-2.html
31
特定文字样式标签
粗体标签<b>:放在<b>与</b>标签之间的文字 将以粗体方式显示。 斜体标签<i>:放在<i>与</i>标签之间的文字将 以斜体方式显示。 下划线标签<u> :放在<u>与</u>标签之间的文 字将以下划线方式显示。
<HEAD></HEAD>是HTML文档的头部标签
<title>和</title>
文档标题，它被显示在浏览器窗口的标题栏。
<BODY> </BODY>标签之间的文本是正文，是在浏 览器要显示的页面内容。 例 1－2.html
7
2.HTML主体标签及属 性、颜色的设定
8
HTML的主体标签<body>
超文本标记语言基础
HTML语言的基本结构
关于HTML语言基本结构的几点说明： （1）创建一个HTML文档所需的最基本的标记是<html>和</html>。 （2）HTML文档是由标记和文本组成，其中标记用“<”、“>”括起来。 （3）标记元素总是起始与“<”并结束与“>”。 （4）HTML标记有单边标记和双边标记两类。 （5）在HTML文档中标记元素不区分大小写，如<body>、<BODY>、 <Body>，对于浏览器来说都是一样的。
HTML的正文标记
（4）正文文字颜色 格式：<body text="#RRGGBB">…</body> 说明：text属性标志HTML文档的正文文字颜色，如text="#ff6666"。 text元素定义的颜色将应用于整篇文档。 技术要点：text属性用来设置一般文本（非超链接的文本）的颜色， 而超链接颜色由link、vlink、alink来设置。 （5）超链接颜色 格式：<body link="#RRGGBB" vlink="#RRGGBB" alink="#RRGGBB">…</body> 说明：link、vlink、alink分别控制普通超链接、访问过的超链接、 当前活动超链接颜色。 技术要点：在改变超链接的颜色时一定慎重，避免因改变超链接的 颜色而引起混乱。特别应注意不可将未访问过的超链接与已访问过的超 链接设置为同一种颜色，这样会给访问该页面的用户造成不便。
HTML的正文标记
（2）页面背景图像属性 格式：<body background="URL" >…</body> 说明：该属性的取值为一个指向某个图像文件的URL，以产生页面的 背景图案。可以使用的图像文件为.gif或.jpeg，如<body background=" images\bg.gif" >。 技术要点：background属性的优先级高于bgcolor属性的优先级，因 此当background属性和bgcolor属性同时使用时，页面显示背景图像而 不是背景颜色。 （3）背景图片成水印效果 格式：<body background="URL" bgproperties="fixed">…</body> 说明：使背景图片成水印效果，即图片不随着浏览器滚动条的滚动 而滚动。 。
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)
计算机网络原理超文本标记语言（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：已经看过的超级链接的颜色，默认为紫色。
HTML5基本概念简介
•
HTML 5——2014年10月28日，W3C推荐标准
HTML标题
•
•
HTML 标题
HTML 标题（Heading）是通过<h1> - <h6> 标签来定义的。一 共分为六级标题
•
•
主要是放在<HEAD></HEAD>之间
<h1>这是一个标题</h1>
•
•
<h2>这是一个标题</h2>
<h3>这是一个标题</h3>
• • •
HTML 表格<table>
•
• • • • • •
HTML 表格表头
表格的表头使用 <th> 标签进行定义。 <table border="1"> <tr> <th>Header 1</th> <th>Header 2</th> </tr>
HTML 表格<table>
•
• • • •
单元格边距(Cell padding)
单元格间距(Cell spacing) 表格<caption> 标签 <table border="1"> <caption>Monthly savings</caption>
HTML 列表
•
• •
HTML 支持有序、无序和定义列表:
HTML无序列表 无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆 圈）进行标记。 <ul> <li>Coffee</li> <li>Milk</li> </ul>
HTML超文本标记语言（HyperTextMarkupLanguage）
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>：选中⼀部分区域，施加⼀些样式。
HTML
一、HTML的概述
四川文理学院管理系
一、HTML的概述
• HTML的英语意思是：Hypertext Marked Language，即超文本标记语言,是一种用来制作 超文本文档的简单标记语言。超文本传输协议 规定了浏览器在运行 HTML 文档时所遵循的规 则和进行的操作.HTTP协议的制定使浏览器在 运行超文本时有了统一的规则和标准.用HTML 编写的超文本文档称为HTML文档，它能独立 于各种操作系统平台，自1990年以来HTML就 一直被用作ＷＷＷ（是World Wide Web的缩写， 也可简写WEB、中文叫做万维网) 的信息表示 语言，使用HTML语言描述的文件，需要通过 WEB浏览器显示出效果。
四川文理学院管理系
• 实例:3-2html • <html> <head> <title>测试分段控制标签</title> </head> <body> <p>花儿什么也没有。它们只有凋谢在风中的轻微、凄 楚而又无奈的吟怨， 就像那受到了致命伤害的秋雁，悲哀无助地发出一声声 垂死的鸣叫。</p> <p align="right">或许，这便是花儿那短暂一生最凄凉、 最伤感的归宿。</p> <p align=center>而美丽苦短的花期</p> <p align="left">却是那最后悲伤的秋风挽歌中的瞬间插 曲。</p> </body> </html>
开始标签 头部标签
<BODY> ----------------------------------------------<CENTER> | <H1>欢迎光临我的主页</H1> | <BR> | <HR> 文件主体 <FONT SIZE= 7 COLOR= red> | 这是我第一次做主页 | </FONT> | </CENTER> | </BODY> ---------------------------------------------</HTML> ---------------------------------------------四川文理学院管理系
超文本标记语言 计算机编程语言
超文本标记语言计算机编程语言超文本标记语言（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标准，以适应不断变化的互联网环境。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
第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服务器上使用的最主要协议。
通过这一跨平台的通信协议，在WWW任何平台上的电脑都可以阅读远方服务器(Server)上的同一文件。
HTTP协议经常用来在网络上传送Web页。
当用户以http://开始一个超链接的名字时，就是告诉浏览器去访问使用HTTP协议的Web页。
HTTP协议不仅能保证正确传输超文本文档，还可以确定传输文档中的哪一部分，以及哪部分内容首先显示(如文本先于图形)等等。
1.1.3 统一资源定位器——URLURL(Uniform Resource Locator)即统一资源定位器，它使用数字和字母来代表网页文件在网上的地址。
URL好比Internet的门牌号码，它可以帮助用户在Internet的信息海洋中查找到所需要的资料。
Web上所能访问的资源都有惟一的URL。
URL包括所用的传输协议、服务器名称、文件的完整路径。
例如：在浏览器的URL处输入/index.html就可以访问搜狐网站的主页。
URL的第一部分http://表示要访问的资源类型。
其他常见资源类型中，ftp://表示FTP 服务器，gopher://表示Gopher服务器，new://表示Newgroup新闻组。
第二部分是主机名，它说明了要访问服务器的Internet名称。
其中，www表示要访问的文件存放在名为www的服务器里，多数公司都有指定的服务器作为对外的网上站点，叫做www；sohu则表示了该网站的名称；.com则指出了该网站的服务类型。
目前，常用的网站服务类型的含义如下：.com特指事务和商务组织；.edu表示教育机构；.gov表示政府机关；.mil表示军用服务；.net表示网关，由网络主机或Internet服务提供商决定；.org一般表示公共服务或非正式组织。
另外，有些域名后面会带有本国和地区的域名。
例如：新浪的网址中的cn就代表该网站属于中国。
另外，au代表澳大利亚、ca代表加拿大、fr代表法兰西、uk代表英国、jp代表日本等。
第1章HTML基础• 3 •第三部分/index.html表示要访问主机的哪一个页面文件，可以把它理解为该文件存放在服务器上的具体位置。
1.1.4 超文本标记语言——HTMLHTML(Hyper Text Mark-up Language)即超文本标记语言，是WWW上通用的描述语言。
HTML语言主要是为了把存放在一台计算机中的文本或图形与另一台计算机中的文本或图形方便地联系在一起，形成有机的整体。
1.1.5 HTML标记HTML标记用于修饰、设置HTML文件的内容及格式。
用户只须输入文件内容和必要的标记，文件内容在浏览器窗口内就会按照标记定义的格式显示出来。
一般情况下，HTML 标记使用下列格式：<标记>文件内容</标记>标记须要填写在一对尖括号“< >”内，它们通常是英文单词的首字母或缩写。
标记一般情况下是成对出现的。
结束标记是在标记的前面添加斜杠“/”。
在书写标记时，英文字母的大、小写或混合使用大小写都是允许的，如HTML、html 和Html的作用和效果都是一样的。
标记内可以包含一些属性。
标记属性可由用户设置，否则将采用默认的设置值。
属性名称出现在标记的后面，并且以空格进行分隔。
如果标记具有多个属性，那么不同的属性名称之间将以空格隔开。
其格式如下是：< 标记名字属性1 属性2 属性3 …>HTML对属性名称的排列顺序没有特别的要求，用户可根据个人的爱好，在标记之后排列所需的属性名称。
另外，标记的属性值须要使用双引号或单引号括起来。
HTML文件可以使用一个简单的文本编辑器创建，例如Windows操作系统中自带的记事本程序。
但是文件编辑完成进行保存时，必须以htm或者html为扩展名。
以后，就可以使用Web浏览器(如IE浏览器)来直接打开HTML文件进行浏览和查看了。
1.2 HTML文档的基本结构HTML文件通常由3部分组成：即起始标记、网页标题和文件主体。
其中，文件主体是HTML文件的主要部分与核心内容，它包括文件所有的实际内容与绝大多数的标记符号。
在HTML文本中，有一些固定的标记要放在每一个HTML文件里。
HTML文件的总体结构如下所示：<Html><Head>网页的标题及属性</Head><Body>文件主体</Body></Html>1.2.1 添加起始标记<Html>标记用于HTML文档的最前面，用来标识HTML文档的开始。
而</Html>标记恰恰相反，它放在HTML文档的最后面，用来标识HTML文档的结束，两个标记必须一起使用。
通过对这一对特殊标记符号的读取，浏览器才可以判断目前正在打开的是网页文件，而不是其他类型的文件。
<Html>标记的起始和结束标记符号都是可选的，但用户应该养成在文件中使用<Html>标记的习惯，每次编写HTML文件之前都应该首先在网页内添加<Html>…</Html>标记对，然后再在标记对之间加入网页的内容。
1.2.2 设置文件头<Head></Head>标记对构成HTML文档的开头部分，在此标记对之间可以使用<Title></Title>、<Script></Script>等标记对。
这些标记对都是描述HTML文档相关信息的标记对，<Head></Head>标记对之间的内容不会在浏览器的窗口内显示出来，两个标记必须一起使用。
1. Title标记<Title>和</Title>标记标明HTML文件的标题，是对文件内容的概括。
一个好的标题目该能使读者从中判断出该文件的大概内容。
文件的标题一般不会显示在文本窗口中，而以窗口的名称显示在标题栏中。
<Title></Title>标记对只能放在<Head></Head>标记对之间。
例如：<Title>我的网页</Title>2. Isindex标记<Isindex>标记主要定义用来定义查询的表单，表明允许用户通过提供关键字的方式来查找索引内容。
在阅读文件时，不管用户采用什么样的方式，当前文件所描述的数据均可采用索引查询方式进行搜索。
3. Base标记<Base>标记用于设定超链接的基准路径。
使用这个标记，可以大大简化网页内超链接的编写。
用户不必为每个超链接输入完整的路径，而只须指定它相对于<Base>标记所指定的基准地址的相对路径即可。
该标记包含参数Href，用于指明基准路径，其用法如下：<Base href="URL">4. Link标记<Link>标记表示超链接，在HTML文件的<Head>标记中可以出现任意数目的Link标记。
它也包含有参数Href。
<Link>标记可以定义含有链接标记的文件与URL中定义文件之间的关系。
<Link>标记通常用来显示作者身份、相关检索及术语、旧的或更新的版本、文件等级、相关资源等。
Rel参数用来定义HTML文件及URL之间的关系，Rev参数用来定义URL 和HTML文件之间的关系。
该标记用法如下：<link rev="RELATIONSHIP" rel="RELATIONSHIP" href="URL">5. Meta标记<Meta>标记用来指明与文件内容相关的信息。
每一个该标记指明一个名称或数值对。
如果多个<Meta>标记使用了相同的名称，其内容便会合并成一个用逗号隔开的列表，也就是和该名称相关的值。
<Meta>标记的主要属性包括。
●Http-Equlv：把标记放到HTTP头域之中。
HTTP服务器可使用该信息处理文件，特别是它可在对这个文件请求的响应中包含一个头域。
标题名取自Http-Equiv属性值，而标题值则取自Content属性值。
●Name：指明名称或数值对的名称。
如果没有，则由Http-Equiv给出名称。
●Content：指明名称或数值对的值，一般为text/html。
●Charset：指明网页所使用的基本字符集，一般为GB2312，即标准简体中文。
Meta标记的一般用法如下：ASP动态网站开发教程• 6 •<Meta http-equiv="Content-Type" content="text/html;charset=gb2312">1.2.3 网页的主体格式<Body></Body>标记对之间的内容是HTML文档的主体部分，在此标记对之间可包含众多的标记和信息，它们所定义的文本、图像等将会在浏览器的窗口内显示出来，两个标记必须一起使用。