1.1认识网页和网站 一个网站有很多网页
1.1.1网页 网站 网页和网站的区别：
网站与网页是网络世界中两个基本而重要的概念，它们之间既有联系也有区别。
首先，网站（Website）是指存放在网络服务器上，通过域名或IP地址可以访问的一系列网页和文件的集合。它是一个完整的网络空间，通常包含多个页面，并且具备一定的功能，如用户注册、登录、在线交易等。网站由域名、服务器、空间、程序和数据库等组成，它不仅提供信息浏览，还可能提供各种网络服务和互动功能。
而网页（Web Page），则是构成网站的基本单元，它是网站中的一个具体页面，通常由HTML、CSS和JavaScript等代码编写而成，用于展示特定的信息或内容。用户通过浏览器访问网页，获取所需的信息或完成某些简单操作。
下面详细阐述它们之间的区别：
含义不同：网站是由多个相关联的网页组成的集合体，是一个更为宏观的概念；而网页是单一的信息展示界面，是网站的基本元素。
关系不同：网站包含多个网页，而网页是网站展现给用户的具体形式。
组成不同：网站由域名、服务器、程序、数据库等构成，网页则主要由HTML、CSS和JavaScript代码构成。
功能不同：网站功能相对复杂，通常包括用户管理、内容管理、数据分析等多种功能；网页功能较为单一，通常仅实现信息的展示或某些简单操作。
访问方式不同：网站需要部署在服务器上，通过域名或IP地址访问；网页可以通过URL直接访问，也可以是网站中的一个页面。
用户体验不同：网站提供的是全方位的体验，包括内容、功能、服务等多个方面，而网页仅提供一个功能界面或信息展示。
总的来说，网站是一个包含多个网页的集合体，具有完整的网络功能和结构；网页则是网站中的单一页面，是信息展示和用户交互的基本单元。
常用术语 Internet： 全球性的计算机网络，通过标准化协议（如TCP/IP）将各种计算机及其网络设备连接起来，使得用户可以在世界范围内进行信息交换和资源共享。
WWW： WWW是“World Wide Web”的缩写，中文常称为“万维网”。它是一个通过互联网访问的、由许多互相链接的文档和资源组成的系统。这些文档和资源通常采用超文本传输协议（HTTP）进行传输，并通过超链接相互连接。万维网是互联网上最为广泛使用的服务之一，它使得用户能够通过网页浏览器访问和浏览各种信息，包括文字、图片、音乐、视频等多种格式的数据。
浏览器： 浏览器（Browser）是一种用于访问和浏览万维网（World Wide Web）上的信息的软件应用程序。它是用户与互联网内容交互的主要界面，允许用户通过输入统一资源定位符（URL）或点击超链接来访问网络上的各种资源，如网页、图片、视频和音频文件等。
浏览器的主要功能包括：
请求和显示网页：当用户输入URL或点击链接时，浏览器会向网页服务器发送请求，并将服务器返回的网页内容显示给用户。 解析HTML：浏览器能够解析超文本标记语言（HTML）以及相关的样式表和脚本语言，如CSS和JavaScript，以正确地渲染网页内容。 用户交互：浏览器提供了用户与网页交互的界面，如点击按钮、填写表单、滚动页面等。 插件支持：许多浏览器支持插件，这些插件可以扩展浏览器的功能，如播放特定格式的视频或运行特定的应用程序。 常见的浏览器有：
Google Chrome：由Google开发的网页浏览器，以其快速、简洁和安全性著称。 Mozilla Firefox：由Mozilla基金会开发的开源网页浏览器，强调用户隐私和自定义。 Safari：苹果公司开发的网页浏览器，主要用于macOS和iOS设备。 Microsoft Edge：微软开发的网页浏览器，取代了旧版的Internet Explorer。 Opera：一款注重速度和功能的浏览器，具有独特的用户界面和功能。 URL：统一资源定位器 每个网页都有一个唯一的地址，便于用户访问。
IP： 网际协议。internet中的每台计算机都有唯一的IP地址，表示该计算机在internet中的位置.IP分为三类 A B C类
域名： 域名（Domain Name）是互联网上用于识别和定位网站的名称。它相当于网络上的地址，便于人们记忆和使用，而无需记住复杂的IP地址。域名通常由多个部分组成，各部分之间用点分隔，例如“example.com”。其中，“example”是网站的名称，“.com”是顶级域名，表示这是一个商业网站。域名系统（DNS）会将域名转换成对应的IP地址，从而允许用户的浏览器访问特定的网站。
HTTP： HTTP是“Hypertext Transfer Protocol”的缩写，中文常称为“超文本传输协议”。它是一种用于在互联网上传输数据的协议，主要用于浏览器和网站服务器之间的通信。HTTP定义了客户端（通常是浏览器）和服务器之间请求和响应的格式，使得用户能够通过浏览器访问和浏览网页内容。简而言之，HTTP是网页传输的基础协议。
FTP： FTP是“File Transfer Protocol”的缩写，中文常称为“文件传输协议”。它是一种网络协议，用于在互联网上的客户端和服务器之间传输文件。FTP允许用户上传文件到服务器、从服务器下载文件以及在服务器上创建或删除目录。它是一种较早的网络服务，尽管安全性更高的协议（如SFTP或FTPS）已经出现，FTP仍然在某些场合被使用。
发布： 将制作好的网页传到网络上的过程，也称为上传网站
站点： 站点（Website）是指在网络服务器上存储的一系列相互关联的网页和其他资源，它们共同构成了一个可以通过互联网访问的集合。站点通常包含文本、图片、视频、音频等多媒体内容，以及提供特定信息或服务的网页。用户可以通过浏览器访问站点，浏览其内容或与其交互。简而言之，站点就是一个或多个网页组成的、在互联网上可访问的集合体。
超链接： 超链接（Hyperlink）是网页上的一种元素，用户可以通过点击它来跳转到另一个网页或网页中的不同位置。超链接通常以高亮或带下划线的文本形式出现，也可以是图片或其他可点击的元素。它为万维网提供了基本的导航功能，使得用户能够在不同的网站和网页之间快速移动。简而言之，超链接就是网页之间的连接桥梁。
1.1.2静态网页和动态网页 静态网页（Static Web Page）和动态网页（Dynamic Web Page）是根据网页内容是否固定以及如何生成来区分的两种网页类型。
静态网页：
- 内容通常是固定不变的，每次访问时显示的信息都相同。 - 网页文件通常是以HTML（超文本标记语言）格式编写，并在服务器上预先存储。 - 加载速度快，因为服务器不需要执行任何脚本或查询数据库来生成页面。 - 适合内容不经常更新的网站，如个人简历或公司介绍页面。
动态网页：
- 内容可以根据用户的请求、数据库中的数据或其他外部因素实时生成和变化。 - 通常使用服务器端脚本语言（如PHP、Python、Ruby）和数据库（如MySQL、SQL Server）来创建。 - 可以提供个性化的用户体验，如用户登录后的个人页面或实时更新的新闻网站。 - 加载速度可能比静态网页慢，因为服务器需要处理脚本和数据库查询。 简而言之，静态网页是内容固定的网页，而动态网页是内容可以实时变化的网页。 HTML CSS Javascript（静态网页）
判断一个网页是否为静态动态用Javascript 与图片视频无关
1.2网页的基本构成元素 1.2.1文本 文本（Text）是网页的基本构成元素之一，它指的是网页上显示的普通文字内容。文本可以传达信息、表达观点、描述功能或提供指导，是用户与网页交互和理解网站内容的主要方式。在网页设计中，文本通常通过HTML标签进行定义和控制，例如使用`
`标签表示段落，`
`到``标签表示标题等。此外，文本的样式（如字体、大小、颜色）可以通过CSS（层叠样式表）来进一步美化。
1.2.2图片和动画 图片（Image）： 图片是网页上用于展示视觉内容的元素，可以是照片、插图、图表或图标等。图片能够增强网页的视觉效果，帮助传达信息，使内容更加吸引人。在网页中，图片通常使用``标签嵌入，并通过其`src`属性指定图片文件的路径。 动画（Animation）： 动画是指在网页上创建的运动效果，可以是由一系列图片快速连续显示形成的，也可以是通过CSS样式或JavaScript脚本实现的动态效果。动画能够吸引用户的注意力，提升用户体验，常用于展示广告、指示交互元素或增强视觉效果。在网页设计中，动画可以是通过GIF图片、CSS动画、JavaScript库（如jQuery或Anime.js）或HTML5的Canvas和SVG等技术实现的。
1.2.3超链接 超链接（Hyperlink）是网页上的一种特殊元素，它允许用户通过点击来跳转到其他网页或网页中的特定位置。超链接通常以带下划线或特殊颜色的文本形式出现，也可以是图片或其他可点击的元素。超链接是网页的基本构成元素之一，它实现了网页之间的导航和互联网的互联性。在HTML中，超链接通过``标签定义，并通过`href`属性指定链接的目标地址（URL）。
1.2.4音频视频 音频（Audio）： 音频是网页上用于播放声音的元素，可以是一段音乐、讲话、自然声音或任何其他声音文件。音频文件格式通常包括MP3、WAV、OGG等。在网页中，音频可以通过`
1.2.5交互表单 交互表单（Interactive Form）是网页上用于收集用户输入信息的元素集合。它允许用户填写、选择或上传数据，是实现用户与网站交互的重要方式。交互表单通常包含以下元素： - 文本框（Text Fields）：用户可以输入文字信息。 - 单选按钮（Radio Buttons）：用户可以从多个选项中选择一个。 - 复选框（Checkboxes）：用户可以选择多个选项。 - 下拉菜单（Drop-down Lists）：用户可以从下拉列表中选择一个选项。 - 提交按钮（Submit Button）：用户点击后，表单数据会被发送到服务器。 交互表单通过HTML的`