《ASP程序设计》 第二章 Web页面制作基础

第2章Web页面制作基础 2.1HTML语言概述 22文本的格式与风格 23加入多媒体与超级链接 24制作表格 25制作表单 2.6框架结构 27cSs基础

第2章 Web页面制作基础 2.1 HTML语言概述 2.2 文本的格式与风格 2.3 加入多媒体与超级链接 2.4 制作表格 2.5 制作表单 2.6 框架结构 2.7 CSS基础

21HTML语言概述 2.1.1HTM概述 HTM是( Hyper text markup language,超文本标 记语言)的缩写,用来表示网上信息的符号标记语言 HTM最早源于SGML语言 HTM语言内容丰富,从功能上大体可分为:文本结 构设置、列表建立、文本属性制定、超链接、图片和 多媒体插入、对象、表格以及窗体的操作

2.1 HTML语言概述 2.1.1 HTML概述 HTML是（Hyper Text Markup Language，超文本标 记语言）的缩写，用来表示网上信息的符号标记语言。 HTML最早源于SGML语言 . HTML语言内容丰富，从功能上大体可分为：文本结 构设置、列表建立、文本属性制定、超链接、图片和 多媒体插入、对象、表格以及窗体的操作

21HTML语言概述 2.1.2HTM文档的结构 包括HEAD、 TITLE、BODY三部分,下面是基本结构: 标题部分 K/HEAD> 正文部分 K/BODY>

2.1 HTML语言概述 2.1.2 HTML文档的结构 包括HEAD、TITLE、BODY三部分，下面是基本结构： 标题部分 正文部分

21HTML语言概述 2.1.3HTM标记 1.TML文档标记 格式:标志文件开始和结尾的标 记。 2.HTML文件头标记 格式:.用于包含文件的基本信息。 3.理TM文件主体标记 格式:…文件主体标记。 注意:与为独立的两个部分,不能 互相嵌套

2.1 HTML语言概述 2.1.3 HTML标记 1．HTML文档标记 格式：…标志文件开始和结尾的标 记。 2．HTML文件头标记 格式：…用于包含文件的基本信息。 3．HTML文件主体标记 格式：…文件主体标记。 注意：与为独立的两个部分，不能 互相嵌套

21HTML语言概述 2.1.4常用HTM编辑工具 任何一个文档编辑器都是HTM编辑器。 为了减少网页设计师的工作设计了专用的网页编辑 器,像 Dreamweaver、 FrontPage、 CutePage、 Quicksite等,是专门用来制作网页的,具有所见即 所得的功能。 所见即所得的概念。 本书例题均在 FrontPage2000编辑环境中调试并通 过

2.1 HTML语言概述 2.1.4 常用HTML编辑工具 任何一个文档编辑器都是HTML编辑器。 为了减少网页设计师的工作设计了专用的网页编辑 器，像Dreamweaver、FrontPage、CutePage、 QuickSite等，是专门用来制作网页的，具有所见即 所得的功能。 所见即所得的概念。 本书例题均在FrontPage 2000编辑环境中调试并通 过

2.2文本的格式与风格 2.2.1设置的属性 属性概述 background属性 bgcolor属性 properties属性 link, vlink, alink属性 Leftmargin, topmargin属性 Margingwidth, marginheight属性 2. FrontPage2000中的实现

2.2 文本的格式与风格 2.2.1 设置的属性 1．属性概述 background属性 bgcolor 属性 bgproperties属性 link ，vlink， alink属性 Leftmargin，topmargin属性 Margingwidth，marginheight属性 2．FrontPage 2000中的实现

2.2文本的格式与风格 2.2.2段落格式化 标题标记 格式:,..../P>设置段落标记。 3.预定格式标记 格式:.在测览器中浏览时,按照文 档中预先排好的形式显示内容

2.2 文本的格式与风格 2.2.2 段落格式化 1．标题标记 格式：…，……… 设置各种大小不同标题的标记。 2．段落标记 格式：…设置段落标记。 3．预定格式标记 格式：…在浏览器中浏览时，按照文 档中预先排好的形式显示内容

2.2文本的格式与风格 4.分区显示标记 格式:.分区显示标记。 5.词标记 这种标记有两种:和 格式:强制进行换行标记 格式:插入水平线标记。 6.注释标记 格式:注释标记

2.2 文本的格式与风格 4．分区显示标记 格式：…分区显示标记。 5．词标记 这种标记有两种：和 格式：强制进行换行标记。 格式：插入水平线标记。 6．注释标记 格式：注释标记

2.2文本的格式与风格 2.2.4建立列表 1.有序列表 格式: 功能:建立有序列表

2.2 文本的格式与风格 2.2.4 建立列表 1．有序列表 格式： … … … 功能：建立有序列表

2.2文本的格式与风格 2.无序列表 格式: Li type=”符号类型”>..LI 功能:建立无序列表

2.2 文本的格式与风格 2．无序列表 格式： … … … 功能：建立无序列表