[工学]3html基础.pptVIP

WEB程序设计 烟台南山学院管理科学与工程学院 于泳 第二单元 HTML语言 1 HTML语言概述 2设置文本格式 3使用列表格式 4使用图像 5使用字幕和背景音乐 6制作表格 7框架结构 8使用超链接 9制作表单 1 HTML语言概述 1.1 HTML工作原理 1 HTML语言概述 1.2 HTML文档的结构： 1 HTML语言概述 1.3 HTML标记 1 HTML语言概述 1.4 head标记中的基本内容： 1 HTML语言概述 1.5 body标记中的基本内容： 2文本格式与风格 2.1设置BODY的属性 2文本格式与风格 2.1设置BODY的属性 2文本格式与风格 2.2设置文本格式 2文本格式与风格 2.2设置文本格式 2文本格式与风格 2.2设置文本格式 2文本格式与风格 2.3字符的格式化 2文本格式与风格 2.3字符的格式化 3建立列表 3建立列表 3建立列表 3.3自定义列表 4使用图像 4使用图像 5使用字幕和背景音乐 5.1插入字幕 5使用字幕和背景音乐 5.1插入背景音乐 6使用表格 6.1建立表格 6使用表格 6.1建立表格 6使用表格 6.2 table标签属性 6使用表格 6.3 tr属性 6使用表格 6.3 特殊效果表格 7使用超级链接 加入超级链接格式：A…/A 8框架结构 8.1 框架结构的文件格式 8框架结构 8.2设置框架集的属性 8框架结构 8.2设置框架的属性 9使用表单 FORM标签：HTML语言中唯一的与用户进行交互的部分。 表单标签可以与服务器端动态程序（asp）进行数据交换。 9使用表单 1、name:设置表单的名称 2、method:提交表单的方法 Get , Post 3、action=“…” 设定此表单的处理程序。 一般我们设定 action＝“*.asp” ， 即使用服务器端ASP程序来处理此表单中的数据。 9使用表单 input type=# #=如下类型 1）text类型 2）password类型 3）radio类型 4）checkbox类型 5）submit类型 6）reset类型 7）hidden类型 8) File 9) Image 10) button 9使用表单 为了配合ASP的处理，我们在input标签中必须要设置的属性如下： input type=# name=# value=“” 其中：name用来标识此input标签名称 value则是此input 提交到服务器上的值。 9使用表单 9使用表单 格式： SELECT name=selectname OPTION selected选项一/option OPTION选项二/option …… /SELECT 功能：定义选择栏。 9使用表单 select属性 10 CSS 什么是样式表? CSS是Cascading Style Sheet(层叠样式表)的缩写。 是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。 讨论课：如何做好静态网页？ 9.1form标签的属性 9.2输入型表单控件 Input.htm 9.3多行输入域标记TEXTAREA textarea name=tname,rows=#,cols=#……../textarea #=数字 标记属性 功能 name=cdata 设置textarea标识名称 rows=num 设置文本域的行数 cols= num 设置文本域的列数 Textarea.htm 9.4选择域 Select.htm 设置名称 Name 可多选 multiple 设置显示出来的选项个数 Size 9.4选择域 option属性 选项的值 Value 默认选中状态 Selected * * 本单元内容 HTML是（Hyper Text Markup Language，超文本标记语言）的缩写，用来表示网上信息的符号标记语言。 HTML通过标记（Tag）来标记要显示的网页中的各部分，以通知web浏览器应该如何显示网页。 包括HEAD、TITLE、BODY三部分，下面是基本结构： HTML HEAD title标题部分/title /HEAD BODY 正文部分 /BODY /HTML Html.htm 1．HTML文档标记 格式：HTML…/HTML标志文件开始和结尾的标记。 2．HTML文件头标记 格式：HEAD…/HEAD用于包含文件的基本信息。 3．HT