ASP,NET程序设计单元2-HTML网页设计基础 .pptVIP

表格标记示例 2.1.11 表单标记 表单标记:form/form： HTML表单是HTML页面中实现交互的重要手段。利用表单可以收集客户端提交的有关信息。表单区域是由一对form…/form标记定义的 表单form/form内常用标记 * * * * 学习单元 2 HTML网页设计基础 本单元学习目标 掌握HTML语言的概念和基本语法 熟悉HTML语言的常用标记 掌握HTML的表单和表格的应用 2.1 任务1--使用HTML设计网页 2.1.1 任务背景与目的 2.1.2 HTML简介 2.1.3 HTML语法结构 2.1.4 头部标记 2.1.5 主体标记 2.1.6 格式标记 2.1.7 文本标记 2.1.8 超链接标记 2.1.9 图像标记 2.1.10 表格标记 2.1.11 表单标记 2.1.12 任务实现 2.1.1 任务背景与目的 所有的网页内容都是通过一种名为HTML的语言表现出来的。对于网页设计和制作人员，尤其是开发动态网站的编程人员来讲，制作网页必须了解和掌握HTML语言。 任务目的： 通过对HTML语言基础知识的了解，掌握HTML语法结构和常用标记的用法，创建出简单的HTML页面。为后面的动态网页制作技术的学习打下基础。 2.1.2 HTML简介 HTML（超文本标记语言，Hyper Text Mark Language） 是编写Web网页的最基本且必不可少的语言。 HTML是一种解释执行的标记语言，以.htm或.html作为文件扩展名。 用HTML语言编写的文件是标准的ASCII文本文件，可以使用任何文本编辑器来编辑和打开HTML文件。 HTML具备如下基本功能 使用各种基础的印刷元素，如标题、文字、表格、列表、照片、插图等来发布在线的文档。 通过超文本链接能够方便地在各种信息之间切换。 通过使用指定的控件来控制网上的信息传输、远端服务等功能。 允许Web页面插入多媒体对象，如视频文件、音频文件和一些特殊格式的文本文件。 提供框架功能，有条理地组织Web页面。 2.1.3 HTML语法结构 HTML文件由标题、段落、列表、表格、文本内容等嵌入的各种对象所组成。这些逻辑上统一的对象称为“元素”，使用“标记”来分割并描述这些对象。通常使用标志名/标志名来表示标志的开始和结束 。 HTML文件开头和结尾由html和/html来标记，其内容分为头部和主体两大部分。 head/head 头部标记， 构成Html文档的开头部分，在此标志对之间可以使用title/title、script/script等标志对，这些标志对都是描述HTML文档相关信息的标志对。 body/body 主体标记， 构成Html文档的主体部分。在此标志对之间可包含众多其他标志，它们所定义的文本、图像等将会在浏览器的框内显示出来 HTML提供了近120种不同的标记名称，各拥有多个属性名，每个属性可以选择某个属性值。 HTML中使用标记!-- . …… -- 来注释内容，以便于代码阅读和维护。 简单的HTML文件示例 2.1.3 HTML语法结构 在编写网页的HTML源代码时，常用的3种基本书写格式是： 标记名称 元素 /标记名称 例： h2 Html文件的基本结构包括两大部分，表头与主体/h2 标记名称 [ [属性名称 [=属性值] ] … 元素 /标记名称 例： a href=″″ / a 标记名称 例：br 2.1.4 头部标记 头部标记: head/head 该标记内主要包括页面的一些基本描述的语句，这用于包含当前文档的有关信息，例如标题和关键字等，通常将这两个标记之间的内容统称做HTML的“头部”。 2.1.5 主体标记 主体标记: body/body 主体标记中放置的是页面中的所有内容，如文字、图片、链接、表格、表单等。 body标记有很多自身的属性，如定义页面文字的颜色、背景的颜色、背景图像等，如 2.1.6 格式标记 HTML中，格式标记用以规范HTML中关于文字和段落的显示格式。 2.1.7文本标记 字体标记: font/font： 该标记用来更改页面中的字体、字号和颜色。 文本标记示例 2.1.7标题字标记 2.标题字标记: hn/hn：对文本中的标题进行操作的标志对 a 标题文字是以某几种固定的字号在页面上显示文字。 b 定义了六级标题，从一到六级，每级标题的字体大小依次递减。 c 标题字用Align(对齐)属性在页面中实现水平方向左、中、右的对齐， 标题字标记示例 2.1.7文字修饰标记 3.文字的修饰标记: b/bi/iu/u等