2.Java Web技术HTML基础.ppt

Java Web技术 1、为什么要学HTML HTML是JSP和Servlet的基础 JSP = 含有Java代码的HTML页面。 Servlet ＝ 含有 HTML的Java程序。 例如：currentTime.jsp、currentTime.java 2、HTML标记结构 font color=red size=20 face=宋体 this is my HTML page. /FONT 3、HTML标记分类 4、结构化标记 功能：用来描述Web页面的整体结构。 包含的标记：htmlheadtitlebody Html基本结构： html head title 网页的标题title /head body 网页的内容 /body html title：页面的标题，此标题会出现于浏览器的顶部，以及作为此网页加入收藏夹时的名称。 位于head标记内 body的属性： text link alink vlink background bgcolor body text=?设置字体颜色 body link=?设置链接颜色 body vlink=?设置你已经访问过的链接的颜色 body alink=“?”设置你正点击的链接的颜色 body background=“imagename.gif”设置背景图片 body bgcolor=“?”设置背景 颜色 5、文本标记 功能：在Web页面中用来编排文本内容的布局和格式。 包含的标记： 文本布局：p、div、br、hr 文本格式：font、b、i、h1-6 font color=red size=20 face=宋体 Color属性：可以是16种预定义标准色，也可以是6位16进制的色彩如：#000000表示黑色,＃FFFFFF表示黑色。 无序列表 ulli.../ul ulliTodayliTommorow/ul Today Tommorow 有序列表 olli.../ol olliTodayliTommorow/ol Today Tommorow 7、表单标记 功能：提供让用户输入数据的界面，并将用户输入的数据进行提交。 包含的标记：form、select、option、textarea、input；每个表单标记都有name,value属性。 form：用来声明表单，而且其它表单标记只能在其范围内才适用。 参数:action—用于指定处理表单数据的应用程序的位置 method—用于指定传输表单数据的方式。 select：选择列表控件。 属性：name size option：用于指定选择列表控件中的列表项。 属性：value selected textarea: 多行文本控件。 属性：name cols rows 表单的基本语法： form action=url method=“GET”... ... input type=submit input type=reset/form 两种method：GET, POST get方式: — form method=“get” … ①.浏览器的地址栏中会显示完整的请求字符 串。包括请求资源和参数列表。 ②.请求字符串被放入请求的头部。 post方式： — form method=“post” … ①.浏览器地址栏中只会显示请求资源的URL ②.请求资源的URL被放入请求头部，而参数 列表被放入请求体中。 表单的文字输入和密码输入 input type=text value=默认值——文本框input type=password ——密码框 提交按钮，清除按钮，图像按钮 input type=“submit” value=显示值——提交按钮 input type=“reset” value=显示值——清除按钮 input type=“image” src＝URL alt＝鼠标移上时显示的字——图像按钮 复选框(Checkbox) 和 单选框(RadioButton) 复选框 input ty