Web核心（前端、serverlt）

在本部分笔记中，涵盖了JavaWeb开发的核心知识点，主要内容涉及前端技术的HTML、CSS以及JavaScript，还包括了Web容器的基础知识。下面详细介绍这些知识点： 1. HTML基础知识点：HTML是超文本标记语言，用于构建和呈现网页内容。它是通过一系列标签对内容进行描述，这些标签不仅包括基本的段落、字体、图片、列表等，还涉及到了表格、超链接、表单和更高级的布局标签如frameset。例如： - 标题标签（如 <h1>, <h2>）用于定义文档的不同标题级别。 - 水平分割线（如 <hr>）用于分隔文档中的不同部分。 - 段落标签（如 <p>）用于定义文本的段落。 - 图片标签（如 <img src="../image.jpg">）用于在网页中嵌入图片，其中src属性指向图片的路径。 - 表格标签（如 <table>、<tr>、<th>、<td>）用于创建和定义表格结构，以及如何进行单元格合并。 - 超链接标签（如 <a href="***">）用于创建指向其他文档或页面的链接。 - 表单标签（如 <form>、<input>、<button>）用于创建用户输入的界面，如注册或搜索表单，并通过name和value属性进行数据提交。 HTML的注释（<!-- 注释内容 -->）用于文档中添加说明性文本，不影响浏览器的渲染。 2. CSS布局与样式：CSS即层叠样式表，用于描述网页的布局和样式。通过选择器可以指定应用样式的HTML元素，分类包括元素选择器、类选择器、ID选择器和属性选择器等。引入CSS的方式有内部样式（直接在HTML元素的style属性中定义）和外部样式表（通过<link>标签引入一个外部的.css文件）。 - 浮动（float）属性可以使元素脱离常规的文档流，并排列在容器的一侧或绕过其他元素。 - CSS的盒子模型（Box Model）定义了元素框处理元素的边距、边框、填充以及实际内容的区域。 - 多样式应用遵循就近原则，即哪个样式离元素近就优先采用哪个样式。 3. JavaScript基础：JavaScript是一种动态的脚本语言，与HTML和CSS一起构成了丰富的Web界面。JavaScript的基本组成包括变量、数据类型、运算符、条件语句、循环语句、函数以及事件处理机制等。JavaScript可以实现前端的交互逻辑，增强用户的交互体验。 4. Web容器知识点：虽然在提供的部分中没有详细描述，但Web容器通常是指Web应用服务器，比如Apache Tomcat、Jetty等。这些容器提供了运行Java Web应用的环境，管理Servlet和JSP的生命周期，并处理客户端与服务器端之间的HTTP请求和响应。 通过这部分内容的学习，学员可以掌握构建基础Web页面的技能，包括页面结构的创建、样式设计、交互逻辑的实现，以及理解Web应用在服务器端的部署和运行机制。这些技能是开发动态、交互式Web应用的基础，并且是Java Web开发工程师必须掌握的核心技能。