Web架构与前端基础：HTML、CSS解析

下载需积分: 0 | TXT格式 | 19KB | 更新于2024-08-04 | 10 浏览量 | 举报

"前端笔记html和css" 前端开发是构建Web应用程序的重要组成部分，主要涉及HTML、CSS和JavaScript这三种核心技术。HTML（HyperText Markup Language）是超文本标记语言，用于创建网页的基本结构，它是一种标记语言而非编程语言。HTML文档通常以.html或.htm为扩展名，由一系列的标签组成，这些标签定义了网页的内容和结构。 HTML标签分为两类：围堵标签（例如`<p>`和`</p>`）和自闭合标签（例如`<br/>`）。围堵标签需要开始和结束标签，而自闭合标签则只有一个标签。标签可以嵌套，但必须正确地嵌套，避免混乱。HTML标签并不区分大小写，但推荐使用小写。 HTML的基本元素包括文件标签、头标签、标题标签和体标签等。`<html>`是整个文档的根元素，`<head>`包含文档的元数据，如引入外部资源（如CSS和JavaScript文件）以及设置网页标题（通过`<title>`标签）。`<body>`则包含了网页实际可见的内容。 CSS（Cascading Style Sheets）是用来表现HTML或XML文档样式的样式表语言。它的主要作用是美化网页，进行布局设计。CSS可以定义字体、颜色、大小、位置等视觉效果，通过选择器来选择HTML元素，并应用样式规则。CSS可以内联、内部（在`<head>`中的`<style>`标签内）或外部（链接到单独的.css文件）引入。 JavaScript是一种广泛使用的解释型编程语言，用于实现网页的交互性和动态功能。它允许控制页面元素的行为，响应用户事件，与服务器进行异步通信（AJAX），以及执行各种复杂的网页动画效果。JavaScript通常与HTML和CSS一起使用，通过`<script>`标签引入到HTML文档中。在B/S架构中，前端的HTML、CSS和JavaScript构成了静态资源的一部分。静态资源是预编译的，所有用户访问时看到的内容是一致的，服务器直接发送这些资源给浏览器。而动态资源，如JSP、Servlet、PHP、ASP等，会在服务器上根据用户请求实时生成，然后转化为静态内容发送给浏览器，这样可以实现个性化的用户体验。 B/S架构的优势在于减少了客户端的维护成本，因为业务逻辑都存储在服务器端，只需一个通用的浏览器即可访问。当服务器端的业务逻辑发生变化时，用户无需更新客户端，只需刷新页面即可获得最新内容。这种架构模式使得Web应用更具灵活性和扩展性，广泛应用于现代互联网应用的开发中。