学习周报第六周——初学前端

第六周工作总结

本周深入学习了数据库连接、HTML标签和表单设计等软件技术内容，并通过实践掌握了其中的关键要点和技巧。同时，我也意识到了在职场关键能力方面的重要性，包括请假条例和软约演讲的必要性。然而，在这个过程中，我也发现了一些存在的问题，需要更多的实践和改进。因此，我将继续努力加强学习，提升技术水平，并积极参与实践活动，以弥补自身在沟通表达和演讲方面的不足。

软件技术方面

学习的内容

数据库的连接

互联网和HTML

HTML基本标签

表格、框架

表单的设计

学会的内容 数据库的连接

（1）导入必要的Java类库；

（2）设置数据库连接参：

// 根据实际情况修改主机名、端口和SID

StringjdbcURL="jdbc:oracle:thin:@hostname:1521:orcl";

// 替换为实际的数据库用户名

String username = "your_username";

// 替换为实际的数据库密码

String password = "your_password";

注册Oracle JDBC驱动程序：

Class.forName("oracle.jdbc.driver.OracleDriver");

建立数据库连接：Connection connection = DriverManager.getConnection(jdbcURL,username,password）处理连接中的异常。 互联网和HTML

互联网是一个全球性的网络系统，通过互联网，人们可以在世界范围内交换信息、进行通信、获取资源和服务。它是由许多相互连接的计算机网络构成，通过标准化的通信协议相互通信，其中最常用的协议是TCP/IP协议。

HTML（Hypertext Markup Language）是一种用于创建网页的标记语言。它由一系列标签（tag）组成，每个标签都代表页面中的不同元素，如文本、图像、链接等。HTML使用标记来描述网页的结构和内容，使得网页能够在浏览器中被正确地显示和解释。

互联网的基本原理是通过将数据分割成小的数据包，并通过网络中的路由器和交换机进行传输，最终到达目标计算机。HTML作为互联网上最常见的标记语言之一，被用来创建网页内容。浏览器通过解析HTML代码，将网页内容渲染成用户可视化的页面，使用户能够浏览和与网页进行交互。

HTML基本标签 页面布局标签：

换行标签<br>

分段控制标签<p>

原样显示文字标签<pre>

居中对齐标签<center>

水平分隔线<hr>

（2）特定文字样式标签

粗体<b>标签

斜体<i>标签

下划线<u>标签

（3）创建超链接

要链接的文件的完整地址或 URL

格式：<a href=

"protocol://host.domain:port/path/filename">

 hypertext </a>

Protocol：是协议类型

host.domain：是服务器的 internet 地址

port ：是目标服务器的端口号

Hypertext：用户必须单击才能激活链接的文本或图像

（4）插入图像

<img>标签

格式：<img src="url">

src是属性，值是指定图像文件位置的url

（5）列表项目

分为有序列表（<ol></ol>）和无序列表（<ul></ul>）

有序列表包含在<ol> .. </ol>标签内，列表项目中顺序很重要前面用各种顺序标签进行标记。

无序列表是一种“项目符号列表”，其中的项目都带有项目符号前缀。该列表包含在无序列表标签<ul> .. </ul>内。列表中的每个项目都使用列表标签<li>进行标记，表示List Item（列表项）。

（6）添加音频/视频

<video> 将视频文件插入到 HTML 文档中

<audio> 将音频文件插入到 HTML 文档中

（7）meta标签

设置网页的内容格式

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

（8）HTML注释

语法：<!--注释的内容-->

表格、框架和层

（1）表格

<table> … </table>

表标记

<tr> … </tr>

行标记

<td> … </td>

单元格标记

<th> … </th>

表头单元格标记

<caption> …< /caption>

标题标记

（2）合并单元格

在 <th> 或 <td> 标记中使用 colspan 属性，可以设置单元格所跨的列数，例如: colspan="3"表示跨3列

在 <th> 或 <td> 标记中使用 rowspan 属性，可以设置单元格所跨的行数，例如: rowspan="3"表示跨3行

（3）单元间隔和单元填充

cellspacing 属性

定义单元格之间的间距(以像素为单位)

cellpadding 属性

定义表的单元格边界与单元格内容之间的间距 (以像素为单位)

（4）框架(frame)

将 Web 浏览器分成多个不同的区域，每个区域都可以显示独立、可滚动的页面。

HTML中的框架（frame）是一种用于将网页分割成多个区域的技术，每个区域可以显示不同的页面内容。框架的作用是允许网页在一个窗口中显示多个独立的文档，每个文档都可以独立地滚动和操作。这样，网页可以更加灵活地组织和展示信息。

表单的设计 表单（form）

form表单的三个要点（表单控件、action、method）

Action：此属性指定处理提交的表单的脚本的位置。语法为：action="URL"

Method：此属性指定向服务器发送数据的方法。如果值为GET，浏览器将创建一个请求，该请求包含页面URL、一个问号和表单的值。浏览器会将该查询返回给URL中指定的脚本，以进行处理。如果将值指定为POST，表单上的数据会作为一个数据块发送到脚本，而不使用任何请求字符串。
语法为：method = (GET | POST)

表单输入元素<input>属性

type：此属性指定元素的类型。元素类型可以有多种选择：text、password、checkbox、radio、submit、reset、file、hidden 和button。默认选择为 text 。

name:此属性指定控件的名称。例如，如果表单中有几个文本框，则可以用名称 text1、text2 或选择的任何名称来标识它们。name 属性的作用域是在 form 元素内。

value :此属性是可选属性，它指定控件的初始值。但是，如果 type 为 radio，则必须指定一个值。

size:此属性指定控件的初始宽度。如果 type 为 text 或 password，则控件的大小以字符为单位。对于其他输入类型，宽度以像素为单位。

maxlength 此属性用于指定可在 text 或 password 元素中输入的最大字符数。

checked 此属性是 boolean 属性，指定按钮是否是打开的。当输入类型为 radio 或 checkbox 时，使用此属性。

（3）<input>元素type属性分类

input type="text"	单行文本输入框
input type=“password”	密码输入框
input type=“file”	上传文件输入框
input type=“checkbox”	复选框
input type=“radio”	单选框
input type=“submit”	提交按钮
input type=“reset”	重置按钮
input type=“button”	普通按钮
input type=“image”	图片按钮
input type=“hidden”	隐藏输入框

存在的问题

在学习数据库连接、HTML标签和表单设计等方面，可能存在理解不深入或者应用不熟练的情况。这可能表现为对于某些概念、标签或属性的理解不够清晰学习过程中可能存在一些细节方面的错误或忽略了一些重要的语法规则。比如，在HTML中可能存在标签未正确闭合或属性使用不当等问题。

虽然学习了相关知识，但缺乏实际项目或实践经验。在没有实践的情况下，很难真正掌握和理解所学的内容，并且无法熟练运用到实际工作中。

---

---

职场关键能力方面

学到的内容 请假条例

在工作或者实在学习中，如果要请假问题，一定要提前跟领导或者老师进行沟通，合理的安排我们自己的时间。

软约演讲

“我与软件有个约会”演讲比赛的目的是提升参与者的语言表达能力，增强他们在各种场合中不会怯场的能力。

自己的提升和改变 请假条例

在工作或学习中，有效沟通并提前与领导或老师商议请假事宜至关重要。这种做法不仅展现了我们对自己责任的认识，也体现了我们对团队或班级整体进程的尊重。此外，与领导或老师的交流还有助于我们了解他们的期望和安排，从而更好地规划自己的时间。通过这样的沟通和协商，我们可以更好地调整工作和学习计划，以适应个人能力的提升和变化。这种积极主动的态度有助于建立良好的职业或学术关系，并为未来的发展打下坚实基础。

软约演讲试讲

“我与软件有个约会”演讲比赛的目的是为了培养参与者在公开场合中自信流畅地表达自己的能力，进一步提升他们的口头表达能力。因此，在正式演讲之前，在班级或团队中进行试讲至关重要。这样的试讲不仅可以让参与者熟悉演讲内容和表达方式，还能够及时发现并解决可能出现的问题。通过试讲，我们可以收集反馈意见，了解听众的反应，并及时进行调整和补充。这种实践不仅有助于提高演讲质量，还能增强我们面对观众时的自信心和应变能力。通过不断地试讲和改进，我们可以逐渐提升自己的演讲水平，使之更加出色，更具有影响力。

存在的问题

从请假方面来讲，如何在提升个人能力的同时，合理规划工作或学习时间，以满足自身的成长需求和团队或班级的进程安排，这些方面需要更多的考虑。在演讲方面，如何准备有效的试讲，如何处理试讲中可能出现的问题和反馈意见，如何在试讲或正式演讲中保持自信，以及如何应对意外情况或观众的反应，仍需通过更多的练习来解决这些问题。

结语

在第六周的工作总结中，我主要学习了数据库连接、HTML标签、表单设计等软件技术内容，并通过实践掌握了其中的一些要点和技巧。同时，在职场关键能力方面，我学到了请假条例和软约演讲的重要性，并意识到了在沟通和表达方面的提升空间。然而，我也发现了一些存在的问题，包括对技术内容理解不深入、应用不熟练，以及在沟通和演讲方面需要更多实践和改进的地方。因此，我将继续努力加强学习，提升技术水平，并积极参与实践活动，以弥补自身在沟通表达和演讲方面的不足。

总结人：阿城

2024年3月23日

---

---

注：附表1：第六周工作检视表

附表2：第七周工作计划表

附表1：第六周工作检视表

第六周工作检视表

时间	计划内容	计划完成情况
		起止时间	完成情况	未完成原因	备注
周一	数据库知识复习	8:55-9:40	√
	练习软约演讲	10:05-10:50	√
	练习技术串讲	11:00-11:45	√
周二	编程练习	8:55-9:40	√
	软约与技术串讲	19:55-20:40	√
周三	编程练习	8:00-8:45	√
	软约与技术串讲	21:40-22:30	√
周六	自习安排	8:55-17:45	√

附表2：第七周工作计划表

第七周工作计划表

时间	计划内容	计划完成情况
		起止时间	完成情况	未完成原因	备注
周一	完成技术作业	8:55-9:40
	HTML网课学习	10:05-10:50
	HTML实战练习	11:00-11:45
周二	复习标签知识	8:55-9:40
	总结学习内容	19:55-20:40
周三	网课学习	17:00-17:45
	学习问题归纳	21:40-22:30
周四	CSS技术练习	8:55-9:40
	CSS网课学习	10:05-10:50
	HTML+CSS	11:00-11:45
周五	职场总结	19:00-20:40
周六	周总结	8:55-11:45
	技术作业及练习	14:00-17:45

本文链接：https://www.kjpai.cn/news/2024-04-14/158329.html，文章来源：网络cs，作者：纳雷武，版权归作者所有，如需转载请注明来源和作者，否则将追究法律责任！