表格的标记.PPT

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