第3章 HTML基础(续).pptVIP

第二章 HTML基础 一、 HTML简介 二、文本及版面风格控制 三、在网页中建立超链接 四、在网页中使用图片 五、表格编辑 六、创建框架 七、创建表单 八、列表 九、样式表简介 一、 HTML简介 什么是html Html的优点 Html的缺点 Html的基本结构 Hypertext Marked Language的缩写； 用来制作超文本文档的简单标记语言； 它主要是在原来文本文件的基础上，增加一系列的标识符来描述其格式，形成网络文件。 用户使用浏览器下载时，把这些标识符解释成应有的含义，按一定的格式将这些被标识的文件显示在屏幕上。 了解HTML语言 上网对于人们来说应该是相当熟悉了，如今已成为生活中不可缺少的一部分。但是除了专业人士以外，大部分人上网都是在浏览、欣赏网页，而对其实现过程鲜有了解。 网页的原始内容不只是由许多图片和文字组合而成，而是由语言程序构筑成的，利用语言程序来构建文字、图片等对象。在浏览器中，可以利用查看源文件命令看到构筑这个网页的语言。例如，如图1所示的网页页面，通过“查看”?“源文件”命令可以看到其语言构成，如图2所示是其网页的HTML文件。 文件小； 独立于平台，对多平台兼容； 易学 不需要特殊软件，只需要一个字符编辑器即可 Html的缺点： 不同的浏览器的显示形式不一样， 功能有限 HTML语言实例 HTML语言有其自己的语言风格，下面读者可以通过一个典型的HTML语言实例了解其语言风格特点。 HTML标签 标签是HTML语言中最基本的单位，网页就是由最基本的HTML标签组成的。 标签用来指定一个给定信息的名，形如html、title、a、p都是HTML标签，分别指定HTML开头、文件标题、超链接、换行等 标签内容标签 例2 HTML属性 HTML属性是HTML标签的一部分,用来描述特定对象的特性 标签名 属性名1=“属性值” 属性名2=“属性值”…属性名N=“属性值”/标签名 属性特点：标签可以拥有多个属性；属性由属性名和属性值成对出现。 例3 HTML注释 HTML注释用来解释程序的功能或注意事项，以便后来查找。 !--注释的内容-- 注释的内容不会显示在浏览器上. 例4 HTML文档基本结构 HTML主体标记 主体标签是HTML开始和结束的标记，其结构形式为： html…./html HTML文件中包含head和body标记。HTML文档中所用的内容都应该在这两个标记之间，一个HTML文档总是以html开始，以/html结束。例如： html head titleHTML主体标记/title /head body HTML 文件的正文写在这里…… /body /html 程序是以html开头以/html结尾的HTML结构程序，包含有head、body等标签。 HTML主体标记 HTML和/HTML 是网页的第一个和最后一个标记符，网页的其他所有内容都位于这两个标记符之间。这两个标记告诉浏览器或其他阅读该页的程序，此文件为一个网页。 HTML . . /HTML HTML头部标记 HTML文件的头部标记不包括 网页的任何实际内容，而是提供一些与网页有关的特定信息。比如本网页的标题，创作工具，背景等通常将其两个标记之间的内容统称为HTML的头部，其结构形式为： head…/head HTML头部标记主要包括页面的一些基本描述的语句，其他如引用的JavaScript和CSS，一般也定义在HEAD头元素中，其常用的头部标记有title、meta、base、style等组成，其含义如下所示。 HTML主体区标记 HTML文件的主体区标记，绝大多数HTML内容都放置在这个区域里面，通常位于/head标记之后，/html标记之前，其结构形式为： body…/body body标示出文件主体区，主体区是网页的主要部分，如网页中显示的新闻、图片、音乐、视频等内容，都是body和/body之间的部分。通过body标签可以设置主体部分的背景颜色、文字大小、链接颜色等属性，body元素常用属