web程序设计第2章.ppt

第二章 HTML基础 HTML基础 一、 HTML的概念 1.什么是HTML ？ 超文本标记语言（HTML——HyperText Markup Language）是用于设计网页源文件（网页文档）的语言。每一个页面的代码保存为一个网页源文件(.htm文件) 。 八十年代初，HTML由万维网联盟（W3C：World Wide Web Consortium）制订。 HTML包括一些定义页面内容和格式的符号，称为标记。它能够将文本、图像、声音和动画结合在一个网页文档中。这些文档可以通过Web浏览器显示，还可以通过超链接以访问其它的信息资源。 后来，进一步推出了XML（扩展标记语言），该语言可以由程序员自己定义标记。 。 HTML基础 2.什么是标记？ 标记是网页文档中的一些有特定意义的符号。这些符号指明如何显示文档中的内容。 标记总是放在三角括号中，大多数标记都成对出现（有开始标记和结束标记）。结束标记和开始标记所用的字符相同，只是前面加一个斜杠。例如：p…/p 用于标记一个自然段。 标记可以具有相应属性即各种参数，如size、color、 text、 width和noshade等 。 例如：pfont size=+1 color=red/font/p HTML基础 标记通常可以分成两种： 第一种用来指定网页上的元素或元素的样式。 例如， 指定一个自然段及其字体和颜色： pfont size=+1 color=red/font 自然段内容。 /p 第二种用来指向其它的资源。 例如，指定一个链接地址： a href=“”武汉大学/a 指定一个图片文件： img src=“图片文件名” HTML基础 3.什么是超文本、超媒体和超链接？ 超文本是网页上具有链接功能的文字。 例如，娱乐 新闻 电影 。 超媒体是网页上具有链接功能的多媒体。 超链接是网页上连接其它网页或网页上指定位置的超文本和超媒体。 超链接分为文字和图像（包括动画）两种，网页中的一段文字、一副图像或图像的某一个部分等都可以定义为超链接。 HTML基础 二、如何编写和浏览HTML网页文档 启动IE，然后使用“查看”菜单中的“源文件”菜单项，进入记事本，就可以输入网页源文件了。在输入完之后，另存为.htm文件。 或者直接进入记事本，输入网页源文件。在输入完之后，另存为.htm文件（选择保存类型为“所有文件”）。 在浏览器中输入该文件名，就能浏览HTML源文件的网页效果。 HTML基础 例如： HTML HEAD TITLE学生选课系统/TITLE /HEAD BODY网页制作练习/BODY /HTML HTML基础 三、HTML的常用标记 1. HTML文档的结构标记 用来指明一个HTML文档的基本结构。 （1）文件标记：HTML…/HTML 整个HTML文档内容均在HTML…/HTML标记之中。 （2）头部标记： HEAD…/HEAD 整个HTML文档分头部和主体部分。头部使用HEAD…/HEAD标记标识，凡是在此标记之内的内容，例如标题等，均属于头部信息。头部信息不显示在Web页中。 HTML基础 （3）头部标题标记： TITLE…/TITLE 在此标记之间的内容将作为标题显示在浏览器的标题栏。注意： TITLE…/TITLE标记只能放在HEAD…/HEAD标记之间。 （4）主体标记： BODY…/BODY 主体是Web页的主要部分，用BODY…/BODY标记定义的信息将显示在Web页中。 例如： （见下页） HTML基础 html head title结构标记示例/title /head body text=blue pi斜体字文本/i /p /body /html 可以建立该网页源文件test2-1.htm HTML基础 2.格式标记 （1）p…/p（段落标记） p…/p标记用来创建一个段落，在此标记之间的文本将按照段落的格式显示。 （2）br（换行标记） br是一个很简单的标记，它