Java Web 开发从入门到入？

最新推荐文章于 2022-06-03 20:56:34 发布

盖世嘤雄嘤嘤嘤

最新推荐文章于 2022-06-03 20:56:34 发布

阅读量120

点赞数

本文链接：https://blog.csdn.net/SaltedFishB/article/details/109394347

版权

Java Web 开发学习记录一

Web 前端基础

文章目录

Java Web 开发学习记录一
- Web 前端基础
前言
一、HTML标签
- 常用标签：
- 一个实例：

前言

从零开始的Web开发生活。

正文

一、HTML标签

常用标签：

1.表格<table>：以<table>标记开始，以</table>标记结束。
一个表格由行、列和单元格组成，可以有多行，每行可以有多个单元格。
简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。
tr 元素定义表格行，th 元素定义表头，td 元素定义表格单元。
更复杂的 HTML 表格也可能包括 caption、col、colgroup、thead、tfoot 以及 tbody 元素。
语法格式：

<table >
		<tr>
			<td>单元格中的内容</td>
			<td>单元格中的内容</td>
			...
		</tr>
		<tr>
			<td>单元格中的内容</td>
			<td>单元格中的内容</td>
			...
		</tr>
		...
	</table>

属性：
在这里插入图片描述
如果需要某个单元占据多列或多行的位置，可以分别用属性colspan和rowspan设置单元格跨的行/列数。

一个实例：

<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8"  pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>userInformation.jsp</title>    
  </head>
<body>
	<table border="5"  style="border-color: green" align="center" title="表格" bgcolor="yellow">
		<caption>个人信息</caption>
		<tr>
			<th rowspan="2" align="left">基本资料</th>
			<th align="left">姓名</th>
			<td>张三</td>
			<th align="left">性别</th>
			<td>男</td>
		</tr>
		<tr>
			<th align="left">电话</th>
			<td>9997374555</td>
			<th align="left">出生日期</th>
			<td>1573-10-1</td>
		</tr>
		<tr>
			<th rowspan="1" align="left">家庭地址</th>
			<th colspan="4" align="center">职业</th>
		</tr>
		<tr>
			<td>天仙路138号</td>
			<td colspan="4" align="center">替身使者</td>
		</tr>
	</table>
</body>
</html>

在这里插入图片描述
2.表单<form>：表单是将用户的消息封装提交给服务器，实现与用户的交互。
语法格式：

<form action="表单的处理程序">
  ...
   input元素
  ... 
</form>

1）属性：
在这里插入图片描述
说明
enctype 属性可能的值：

application/x-www-form-urlencoded
multipart/form-data
text/plain

2）<input>标记是最常用的把表单标记，它允许用户在表单中（文本框、单选框、复选框等）输入消息，输入类型由属性type决定：
type值为text时，代表的是单行文本框，在其中可以输入任何类型的文本、数字和字母输入的内容以单行显示。
type值为password时，代表的是密码框，在其中输入的字符都以星号或者圆点显示。
一个实例：

	<form action="loginCheckServlet" method="post">
  		<table align="center" bgcolor="yellow" border="10" bordercolor="green">
  		<tr>
  			<td>用户名：</td>
  			<td><input type="text" name="username" /></td>
  		</tr>
  		<tr>
  			<td>密 码：</td>
  			<td><input type="password" name="pwd" /></td>
  		</tr>
  		<tr>
  			<td align="center"><input type="submit" value="提交" /></td>
  			<td align="center"><input type="reset" value="重置" /></td>
  		</tr> 		
  	</table>
  </form>