第二讲 WEB开发基础.ppt

第二讲 WEB开发基础 主要内容 一、HTML基础 一、HTML基础 一、HTML基础 一、HTML基础 一、HTML基础 一、HTML基础 一、HTML基础 一、HTML基础 一、HTML基础 一、HTML基础 一、HTML基础 一、HTML基础 表格实例 二、表单的使用 表单标记 表单标记 表单控件 表单控件 表单控件 表单控件 表单控件 表单按钮 表单按钮 综合实例 三、JavaScript基础知识 三、JavaScript基础知识 三、JavaScript基础知识 三、JavaScript基础知识 三、JavaScript基础知识 三、JavaScript基础知识 三、JavaScript基础知识 2）document对象 document对象主要用于对表单中的表单控件进行访问。例如：要获得表单form1中的文本框user的相关信息可使用如下语句： 值：document.form1.user.value 长度：document.form1.user.value.length 设置焦点：document.form1.user.focus() 选中所有文字：document.form1.user.select() 返回 * JSP程序设计教程 动态网页设计之JSP * 计算机学院软件教研室:胡传斌 动态网页设计 EMAIL:wayne119911@163.com QQ：290791901 信息学院软件教研室(科技楼1104) JSP动态网页设计 一、HTML基础 二、表单的使用 三、JavaScript基础知识 HTML是Hypertext Markup Language的英文缩写,即超文本标记语言. HTML是用来制作网页的标记语言. 由HTML编写的文档使用html或htm为文件名后缀，该文件直接由浏览器执行。 所谓超文本文档,是指在其中可以加入图片、声音、动画等内容,并且可以利用超链接非常方便地从一个文件跳转到网络上其他主机的另一个文件。 返回 HTML文件结构如下： html head title 网页标题/title /head body 网页中的内容 br /body /html 返回 1、HTML常用标记 1）html和/html标记 功能：通知浏览器该文件是HTML文件。 2）body 属性和/body标记 功能：指名网页正文。 注：text属性设定文字颜色 bgcolor属性设定背景色 background属性设定背景图片 返回 3）hn/hn标记 功能：设置网页正文中标题的等级，n的值为1到6之间的整数，n的值越小字号就越大。 4）p/p标记 功能：分段标记。/p一般可以省略。 注：p标记还有一个属性align,它用来设置段落中文本的对齐方式，一般有对齐有center , left, right 三种。 返回 5）br标记 功能：强制换行。 注：没有/br标记。 p与br的区别：p换行而且会多跳一行。 br可换行却不多跳一行。 返回 6）font 属性/font标记 功能：设置文本的字体。 说明： (1)size属性 设置字号大小，有效范围为1-7，缺省值为3。 (2)color属性 设置文字颜色。 (3)face属性 设置文本的字体，face的属性值可以是本机上的任一字体类型。 返回 7）字型相关标记 u/u加下划线 i/i斜体 b/b粗体 s/s删除线 hr 分隔线 返回 8）链接a href=“URL”文本/a 超文本中的链接是其最重要的特性之一，使用者利用它可以从一个页面直接跳转到其它的页面、图像或者服务器。如果要进行页内链接则首先需要为要链接的内容设置一个名字，需用到如下标记： a name=“名字”内容/a,然后再用 a href=“#名字”文本/a进行页内链接。 9）链入图像 img src=“图像的URL” 返回 2、HTML中的表格 一个表格由table开始，/table结束； 表格的内容由以下标记决定： tr/tr定义表行 th/th定义表头 td/td定义单元格 返回 1）设置表格的大小 以下是一个宽为300像素，高为100像素的表格 table width=“ 300 ” height=“100 ” 以下是一个宽为屏幕的50%,高为屏幕的10%的表格 table w