理解Web概念与HTML-CSS基础学习

需积分: 30 1 下载量 3 浏览量 更新于2024-08-05 收藏 27KB DOCX 举报
"Html和Css学习资料" 在学习前端开发时,HTML和CSS是两个至关重要的基础知识。本资料主要涵盖了Web概念概述以及HTML的基础知识,旨在帮助初学者建立扎实的前端开发基础。 首先,我们来看看Web概念概述。JavaWeb是指使用Java语言来开发基于互联网的应用项目。这种开发模式下,软件架构分为C/S(Client/Server)和B/S(Browser/Server)两种。 C/S架构,即客户端/服务器端,特点是用户本地需要安装客户端程序,服务器端则运行对应的服务。优点是用户体验通常较好,因为客户端程序可以专门优化。但缺点也很明显,包括开发、安装、部署和维护成本较高,且对硬件需求不一。 B/S架构,即浏览器/服务器端,用户只需要通过浏览器访问不同服务器上的应用。这种架构简化了开发流程,降低了用户端的硬件要求,但当应用规模扩大时,可能会影响用户体验,且对服务器硬件要求较高。B/S架构下,资源分为静态资源和动态资源。静态资源,如HTML、CSS和JavaScript,是预先编写好的,所有用户访问时看到的内容相同;而动态资源,如jsp/servlet、PHP和ASP,会根据用户请求实时生成内容,每个人的体验可能有所不同。 接下来,我们深入了解HTML。HTML,全称为HyperText Markup Language,超文本标记语言,是构建网页的基础。超文本意味着它包含了超链接,可以连接不同空间的信息。标记语言则指的是HTML由各种标签组成,如<html>等,但它并非编程语言。 HTML快速入门的关键点包括: 1. HTML文档的扩展名通常是.html或.htm。 2. 标签分为围堵标签(有开始和结束标签,如 `<html></html>`)和自闭和标签(开始和结束标签合并,如 `<br/>`)。 3. 标签可以嵌套,但必须正确,避免嵌套错误(如错误示例:`<a><b></a></b>`,应更正为 `<a><b></b></a>`)。 4. 开始标签中可以添加属性,以提供更多元化的功能和样式。 在掌握了HTML的基本结构和语法后,可以进一步学习CSS,用于美化和布局页面,以及JavaScript,用于实现页面的交互效果。在B/S架构下,学习静态资源(HTML、CSS和JavaScript)是理解和开发动态资源(如jsp/servlet等)的前提,因此,扎实的HTML和CSS基础至关重要。