1、前端与后端的认识
- 前端： 客户端开发
- 后端： 服务器端开发
2、前端后端区别
- 技能
前端：b开发者余姚掌握和
后端：开发者需要懂数据库，服务器，等等 - 职责
前端：开发者负责设计网站的外观
后端：开发者负责构建数据库架构，为前端提供支持 - 独立性
前端：不能作为单独的服务提供，除非它是一个静态的网站
后端：可以作为（后端即服务，）提供 - 目标
前端：开发者的目标是确保所有用户都可以访问网站或
后端：开发者的目标是围绕前端开发应用程序，并为前端提供支持，并确保整个网站或正常运行 - 编程语言
前端：
后端： - 开发框架
前端：
后端： - 数据库
前端：本地存储、核心数据、、会话
后端： - 服务器
后端：
网页由文字，图片，音频，视频，超链接组成
网页背后的本质为前端程序员写的代码，通过浏览器进行译处理，浏览器转化(解析以及渲染）
（超文本标记语言）模板框架是用于构建网页的标准模板。
全称：
- 标签
网页的头部
- 标签
网页的身体
- 标签
网页的标题
- 标签
对HTML模板的解读：
文档类型声明（）：文件始于文档类型声明，它指示浏览器当前页面使用的版本。例如，版本的声明为：<!DOCTYPE html>。
标签： 此标签是文档的根元素，包含整个文件的内容。
- 标签：在html标签内，head标签包含关于页面的元信息，如文档标题、字符编码、样式表链接等。对于浏览器显示页面时的非主要内容。
-
- 标签： 用于定义字符集（<>），优化关键字（<>），以及描述文本（<>）
-
- 标签：定义文档的标题，显示在浏览器标签页上。
-
- 标签：用于引入外部资源，如样式表（<>）
-
- 标签：用于引入外部的文件（<>）或直接插入代码。
- 标签：在标签内，标签是主要内容部分，包含页面上可见的所有元素，如文本、图像、链接、表格等。
-
- 结构性标签（等）：这些标签用于组织文档内容的结构，方便开发者和浏览器理解网页的布局。
-
- 文本标签（等）：这些标签用于格式化文本内容，增强页面的可读性。
-
- 超链接（ 标签）：超链接用于导航到其他页面、文件或电子邮件地址。
-
- 表单元素（等）：这些标签用于创建用户输入表单，收集和发送用户数据。
-
- 多媒体元素（）：这些标签可用于嵌入图像、视频、音频等内容，提升页面的交互性和多媒体体验。
-
- 表格元素（）：用于显示数据表格。
为了获得更好的页面样式和布局，通常还需要引入（层叠样式表）和技术。
1、HTML标签的构成
- 标签由英文单词或字母组成，并且把标签中<>包括起来的英文单词或字母称为标签名。
- 常见标签由两部分组成，我们称之为：双标签，前部分叫开始标签，后部分叫结束标签，两部分之间包裹内容。
- 少数标签由一部分组成，我们称之为：单标签，自成一体，无法包裹内容。
2、HTML标签的关系
- 嵌套关系
- 并列关系
元素可提供有关页面的元信息，比如针对搜索引擎和更新频度的描述和关键词。
设置网站关键字
标签定义文档与外部资源的关系。
引入文件
常见用法：
- 指定网页的字符集为UTF-8，确保浏览器正确地显示和解析页面的文本内容。
- 用于响应式网页设计，定义页面在不同设备上的视口大小和缩放比例。
- 指定网页的关键词，用于搜索引擎优化（SEO）。这些关键词描述了网页内容的主题和关联性，有助于提高网页在搜索引擎结果中的排名。
- 提供对网页内容的简要描述，这个描述通常在搜索引擎结果中显示，帮助用户了解网页的内容。
- 用于告诉搜索引擎不要索引和追踪当前页面。
- 用于指定网页的作者。
- 通过设置一个指定的时间间隔，自动将用户重定向到另一个网页。
注释
实践：
实现代码：
由大到小
实现代码：
实践：
实现代码：
form表单：规定当提交表单时向何处发送表单数据
提交的方法 有
规定在发送表单数据之前如何对其进行编码。
属性可能的值：
的标签
：同样是表示的该文本输入框名称。
：输入框的长度大小。
：输入框中允许输入字符的最大数。
：输入框中的默认值
：表示该框中只能显示，不能添加修改。
的类型
1、文本输入框（）：
- 类型（）：
- 示例代码：
2、密码输入框（）
- 类型（）：
- 示例代码：
3、文件上传（）：
- 类型：
- 示例代码：
3、隐藏域：
- 示例代码：
按钮
1、复选框（）
- 类型：
- 示例代码：
2、单选框（）
- 类型：
- 示例代码：
3、提交按钮（）
- 类型：
- 示例代码：
实际应用：
标签的作用： 就是用于控制界面与页面之间的跳转
默认就是
用于在当前选项卡中跳转，也就是不新建页面跳转
用于在新的选项卡中跳转，也就是新建页面跳转
在新窗口中打开被链接文档。
默认。在相同的框架中打开被链接文档。
在父框架集中打开被链接文档。
在整个窗口中打开被链接文档。
实现代码：
锚文本（）是指在超链接（中使用<a>标签创建的链接）中显示的可点击文本或词语。
它通常是以蓝色（或其他指定的链接色）并带有下划线的形式展现，用于吸引用户点击以跳转到目标网页或位置。
锚文本的使用：
实现代码：
边框
宽度
高度
行
竖
单元边与内容的空白
单元格的空白
案例区分：
实现代码：
9.1、无序列表
项目符号
9.2、有序列表
数字列表 默认 数字
小写字母列表
大写字母列表
罗马字母列表
小写罗马字母列表
列表的使用案例：
实现代码：
元素可定义一个框架集。它被用来组织多个窗口（框架）。每个框架存有独立的文档。在其最简单的应用中， 元素仅仅会规定在框架集中存在多少列或多少行。您必须使用 或 属性。
在一个页面中设置一个或多个框架，不能嵌套在标签里
是在页面内嵌入框架，框架内可以连接另一个页面
不能在内使用
一般都是在中使用
定义框架集中列的数目和尺寸
定义框架集中行的数目和尺寸
滚动条
在需要的情况下出现滚动条（默认值）。
始终显示滚动条（即使不需要）。
从不显示滚动条（即使需要）
实现代码：
实现代码：
3、对文件index.html进行配置，并赋入框架：
实现代码·：
7、将add.html界面放于main.html框架界面上：index.html进行配置：
实现代码：