2.1.1 HTML简介
• HTML(Hyper Text Markup Language )即“超 文本标记语言”，是用特殊标记来描述文档结构 和表现形式的一种语言。
• 目前，HTML已经发展到了4.0版本。 • 严格地说，HTML并不是一种程序设计语言，它
只是一些由标记和属性组成的规则，这些规则规 定了如何在页面上显示文字、表格、超链接等内 容。
• 标记在使用时必须用尖括号“<>”括起来，而且 大部分都是成对出现的，起始标记无斜杠，终止 标记有斜杠,当然也有少数标记是单独出现的。
• 起始标记和终止标记之间的部分，连同标记在内， 称为HTML的元素 。
2.2.2 标记属性
• 所谓标记属性，是指为了明确元素功能，在标记 中描述元素的某种特性的参数及其语法。
<ul type="Square"> <li>列表项
</ul>
• 排序列表 ：与符号列表不同，每个列表项目前面都是 一个编号字符，可以是数字也可以是字母。具体用法 如下：
<ol type="1" start="1"> <li>列表项
</ol>
2.3.3 图像
• 在HTML中，用<img>标记插入图片。这是一个单 独标记，用法如下：
• 标记的语法格式为：<标记名 属性名＝“属性值” 属性名＝“属性值”……> …… <／标记名>。
• 在HTML标记中，可以有多个属性，中间用空格 隔开即可。另外，不同的标记一般有不同的属性，
但也有一些属性是通用的 。
2.2.3 文档头部
• 文档头部就是包含在<head>和</head>之间的 所有内容，它不显示在页面中，但它会告诉浏览 器要如何处理文档主体内的内容 。
background、text 、leftmargin 等），用来设
置网页背景、文字、页边距等。
2.2.5 注释语句
• 注释语句又称为注释标记，这些标记在浏览网页 时不会显示，只是在编辑文件时可以看到。适当 使用注释语句，可以让网页的维护和更新变得十 分方便。
• 注释语句的格式： – <!—这中间是注释的内容-->
第2章 HTML基础知识
《网络程序设计-ASP》配套课件 支持网站：
本章内容简介
2.1 •什么是HTML 2.2 •HTML基本语法 2.3 •HTML基本元素 2.4 •HTML高级元素 2.5 •其他元素 2.6 •本章小结
2.1 什么是HTML
• 2.1.1 HTML简介 • 2.1.2 Web浏览器 • 2.1.3 HTML开发工具 • 2.1.4 制作一个简单的HTML文件
• 我们仍然推荐使用1.3节讲过的EditPlus软件 。
2.1.4 制作一个简单的HTML文件
• 新建、保存和浏览HTML文件的方法和ASP文件的方 法是完全类似的 。
• 输入如下图中的代码，然后保存到文件夹 C:\inetpub\wwwroot\asptemp\chapter2中，最 后在IE浏览器中输入 http://localhost/asptemp/chapter2/2-1.htm 即可访问该HTML文件。
• 常用的文字处理标记 ：
–<p>和</p>标记 –<br>标记 –<pre>和</pre>标记 –<hn>和</hn>标记 –<font>和</font>标记 –文字样式标记(如<b>以使用符号列表或排序列表标记，以 使得文档更具有条理性。
• 符号列表：符号列表又称为无序列表，每一个列表项 目的前面可以是空心原点、实心方块或实心圆点等符 号。具体用法如下：
2.1.2 Web浏览器
• 用户浏览网页实际上是通过Web浏览器实现的。 • 目前主流的浏览器有微软公司的IE（Internert
Explorer）和开源的Firefox以及遨游、腾讯TT 等浏览器。 • 我们以IE 6.0为例。
2.1.3 HTML开发工具
• HTML文件和ASP文件一样，实际上也是文本文 件，因此可以使用记事本、FrontPage、 Dreamweaver等任何文本编辑器编辑，编写完毕 后保存成扩展名为.htm或.html的文件就可以了。
• 主要标记 ： –<title>与</title>标记 –<bgsound>标记 –<meta>标记 –其他标记（比如<link>和<style>标记 ）
2.2.4 文档主体
• 文档主体是指包含在<body>和</body>之间的所 有内容，它们将显示在浏览器窗口内 。
• 文档主体可以包含文字、图片、表格等各种标记 。 • 在文档主体中还可以添加许多属性（如
–<img src="flower.jpg" width="270" height="167" border="1" alt="鲜花" align="left" >
• 在HTML中最常用的图像文件类型主要有JPG文件 和GIF文件，其他文件类型有的也可以用，但由于 文件太大或者显示效果不好，一般在网页设计中不 采用。
2.3.4 表格
• 表格有两个主要功能：
–一是用来展示文字或图像等内容；二是用来实现版面 布局，使网页更规范更美观。
• 表格是可以嵌套使用的。
表格的标记(1)
• <table>与</table>标记
– <table>标记用来声明表格，<table>和</table> 标记之间就是整个表格的内容。
2.2 HTML基本语法
• 2.2.1 HTML标记 • 2.2.2 标记属性 • 2.2.3 文档头部 • 2.2.4 文档主体 • 2.2.5 注释语句
2.2.1 HTML标记
• 在HTML文档中，标记（tag）实际上就是规定了 各种内容的显示方式，例如有标记<html>、 </html>、<head>、</head>、<body>.
2.3 HTML基本元素
• 2.3.1 文字 • 2.3.2 列表 • 2.3.3 图像 • 2.3.4 表格 • 2.3.5 超链接 • 2.3.6 字符实体
2.3.1 文字
• 文字设置：
–一般包括文字格式和文字样式的处理，文件格式即文 字的位置、段落等属性，文字的样式指文字的颜色、 字体大小等 。
![02_HTML基础知识[1]](https://img.taocdn.com/s1/m/5bba27d6d5bbfd0a79567397.png)
