web 从入门到放弃笔记

### Web从入门到放弃笔记 #### 一、Web与Internet **1.1 Internet** - **定义**: 因特网，又称互联网，是指通过TCP/IP协议族互相连接的、世界范围内的、最大的、开放的、由众多网络相互连接而成的计算机网络。 - **主要服务**: - WWW (World Wide Web): 万维网，是一种信息组织和检索系统。 - BBS (Bulletin Board System): 电子公告板或论坛，用户可以在上面发帖交流信息。 - Email: 电子邮件服务，用于发送和接收电子信件。 - Telnet: 远程登录服务，使用户能够通过网络登录远程计算机。 - FTP (File Transfer Protocol): 文件传输协议，用于在网络上进行文件的上传和下载。 - **目标**: 实现全球范围的信息共享与交流。 - **实现技术**: 基于分组交换原理的TCP/IP协议。 **1.2 WEB** - **定义**: WEB是建立在Internet之上的一种应用服务，它通过提供图形用户界面的形式，让用户可以通过浏览器访问分布在世界各地的网页和资源。 - **工作原理**: - **B/S结构** (Browser/Server): 浏览器作为客户端向服务器发起请求，服务器处理请求后返回响应给浏览器。这种模式不需要安装专门的客户端软件。 - **C/S结构** (Client/Server): 需要安装特定的客户端软件才能与服务器交互。 - **WEB的组成部分**: - **WEB服务器** (Server): 负责存储网页资源并响应来自浏览器的请求。 - **浏览器** (Browser): 用户用来访问网站的工具。 - **通信协议** (HTTP/HTTPS): 定义了客户端和服务器之间如何通信的标准。 - **主流服务器软件**: - TOMCAT: 开源的Java应用服务器，主要用于部署Java Web应用。 - IIS (Internet Information Services): 微软开发的Web服务器组件，集成于Windows操作系统。 - APACHE: 开源的Web服务器软件，广泛用于托管静态和动态网页。 - **主流浏览器**: - Chrome: Google开发的浏览器。 - IE (Internet Explorer): 微软的浏览器。 - Opera: 欧朋公司的浏览器。 - Safari: Apple公司的浏览器。 - Firefox: Mozilla基金会的浏览器。 - **WEB相关技术**: - **服务器端技术**: 如PHP、JSP、ASP、ASP.NET等，这些技术用于处理服务器端逻辑和数据库操作。 - **客户端技术**: 如HTML、CSS、JavaScript等，用于构建和美化用户界面。 #### 二、HTML快速入门 **2.1 HTML概述** - **定义**: HTML (HyperText Markup Language)，即超文本标记语言，是一种用于创建网页的标准标记语言。 - **文件扩展名**: .html 或 .htm。 - **用途**: HTML被用来结构化网页内容，定义文本、图像、视频等多媒体元素的布局和结构。 **2.2 HTML基本语法** - **标记语法**: - **标记**: 在HTML中，用于描述文档结构和内容的符号，称为标记。 - **封闭类型标记** (双标记): - 结构: `<标记名称>内容</标记名称>` - 示例: `<a href="http://www.baidu.com">百度</a>` 表示超链接。 - **非封闭类型标记** (单标记): - 结构: `<标记名称>` 或 `<标记名称/>` - 示例: `<br>` 表示换行。 - **元素**: - **定义**: 元素指的是从开始标记到结束标记之间的所有内容。 - **元素嵌套**: - 结构: `<标记1><标记2></标记2></标记1>` - 示例: `<div><p>这是一个段落。</p></div>` - **代码缩进**: - 目的: 为了增强代码的可读性，通常在嵌套元素中使用缩进来表示层级关系。 - **属性和值**: - **属性**: 用于描述元素的特性，如位置、大小、颜色等。 - **值**: 属性的具体取值。 - **声明方式**: `<标记属性="值">` - 示例: `<p id="p1" align="center">这是一个居中的段落。</p>` 以上是Web学习的基础概念和技术介绍，HTML作为Web开发的基础，是理解和实践Web技术的第一步。通过掌握HTML，开发者可以构建基本的网页结构，并为后续学习CSS和JavaScript等前端技术打下坚实的基础。