2022年第一次总结

最新推荐文章于 2024-11-12 11:19:19 发布

不会掉头发的乐

最新推荐文章于 2024-11-12 11:19:19 发布

阅读量93

点赞数 3

文章标签：前端 java

本文链接：https://blog.csdn.net/General_Leda/article/details/123453944

版权

寒假时候把JavaSE基础学到了集合与泛型，数据库也学了一些，这几天又把javaweb学了不少，先对javaweb简单做个小总结吧。
学了那么久的Java，天天看着那些黑不溜秋的代码，很麻木呀，初接触javaweb的时候尝试着做网页，做出可视化的东西，也觉得蛮有意思的，相对来说，比枯燥的Java好了一些。
来对HTML和css做个总结：
对于网页来说，页面由三部分内容组成
分别是内容(结构)、表现、行为。
内容(结构)，是我们在页面中可以看到的数据。我们称之为内容。一般内容我们使用html 技术来展示。
表现，指的是这些内容在页面上的展示形式。比如说。布局，颜色，大小等等。一般使用CSS 技术实现
行为，指的是页面中元素与输入设备交互的响应。一般使用 javascript。
所以html和css主要是负责网页的内容(结构)和表现。在这里插入图片描述
在idea或者eclipse中创建这样的文件即为HTML文件，主要有以下几部分构成：

<html> 									表示整个 html 页面的开始
<head>							 		头信息
<title>标题</title>				   		标题
</head>
<body> 									body 是页面的主体内容
页面主体内容
</body>
</html> 								表示整个 html 页面的结

前端的代码主要由标签来封装数据，一般分为双标签和单标签

<p></p>      <br/>

已经学了蛮多标签了，比较重要的有表格标签还有表单标签:
①表格标签:

<body>
<!--需求 1：做一个 带表头的 ，三行，三列的表格，并显示边框
需求 2：修改表格的宽度，高度，表格的对齐方式，单元格间距。
table 标签是表格标签
border 设置表格标签
width 设置表格宽度
height 设置表格高度
align 设置表格相对于页面的对齐方式
cellspacing 设置单元格间距
tr 是行标签
th 是表头标签
td 是单元格标签
align 设置单元格文本对齐方式
b 是加粗标签
-->
<table align="center" border="1" width="300" height="300" cellspacing="0">
<tr>
<th>1.1</th>
<th>1.2</th>
<th>1.3</th>
</tr>
<tr>
<td>2.1</td>
<td>2.2</td>
<td>2.3</td>
</tr>
<tr>
<td>3.1</td>
<td>3.2</td>
<td>3.3</td>
</tr>
</table>
</body

②表单标签:

<body>
<!--
form 标签是表单标签
action 属性设置提交的服务器地址
method 属性设置提交的方式 GET(默认值)或 POST
表单提交的时候，数据没有发送给服务器的三种情况：
1、表单项没有 name 属性值
2、单选、复选（下拉列表中的 option 标签）都需要添加 value 属性，以便发送给服务器
3、表单项不在提交的 form 标签中
GET 请求的特点是：
1、浏览器地址栏中的地址是：action 属性[+?+请求参数]
请求参数的格式是：name=value&name=value
2、不安全
3、它有数据长度的限制
POST 请求的特点是：
1、浏览器地址栏中只有 action 属性值
2、相对于 GET 请求要安全
3、理论上没有数据长度的限制
-->
<form action="http://localhost:8080" method="post">
<input type="hidden" name="action" value="login" />
<h1 align="center">用户注册</h1>
<table align="center">
<tr>
<td> 用户名称：</td>
<td>
<input type="text" name="username" value="默认值"/>
</td>
</tr>
<tr>
<td> 用户密码：</td>
<td><input type="password" name="password" value="abc"/></td>
</tr>
<tr>
<td>性别：</td>
<td>
<input type="radio" name="sex" value="boy"/>男
<input type="radio" name="sex" checked="checked" value="girl" />女
</td>
</tr>
<tr>
<td> 兴趣爱好：</td>
<td>
<input name="hobby" type="checkbox" checked="checked" value="java"/>Java
<input name="hobby" type="checkbox" value="js"/>JavaScript
<input name="hobby" type="checkbox" value="cpp"/>C++
</td>
</tr>
<tr>
<td>国籍：</td>
<td>
<select name="country">
<option value="none">--请选择国籍--</option>
<option value="cn" selected="selected">中国</option>
<option value="usa">美国</option>
<option value="jp">小日本</option>
</select>
</td>
</tr>
<tr>
<td>自我评价：</td>
<td><textarea name="desc" rows="10" cols="20">我才是默认值</textarea></td>
</tr>
<tr>
<td><input type="reset" /></td>
<td align="center"><input type="submit"/></td>
</tr>
</table>
</form>
</body>