1.HTML
1.1标题分级：
从一级到六级（最低六级）
例如：
<h1>hallo world</h1> <h2>hallo world</h2> <h3>hallo world</h3> <h4>hallo world</h4> <h5>hallo world</h5> <h6>hallo world</h6>1.2用法
<p> 表示文本的一个段落。 <br> 表示换行。 <hr> 分割线。1.3图像
<img src="屏幕截图 2026-05-08 190031.png" height="1057" width="2011" alt="照片"/>多种调用方式
/“”
./“”
…/“”
1.4超链接
<p><a href="https://www.baidu.com/" target="_self">网址</a></p>1.5列表标签
<ul> <li>1</li> <li>2</li> <li>3</li> </ul>1.6列表标签语义
| 标签 | 语义 | 说明 |
|---|---|---|
| 无序列表 | 用于创建一个无序列表，其中每个列表项都由一个圆点符号标识 | |
| 有序列表 | 用于创建一个有序列表，其中每个列表项都由一个数字或字母标识 | |
| 列表项 | 用于定义列表中的一个列表项 | |
| 定义列表 | 用于创建一个定义列表，其中每个列表项由一个术语和一个定义组成 | |
| 定义术语 | 用于定义定义列表中的一个术语 | |
| 定义描述 | 用于定义定义列表中术语的定义 | |
| 可折叠内容 | 用于创建一个可折叠的区域，其中包含详细信息 | |
| 折叠摘要 | 用于定义 元素的摘要或标题 |
1.7表格
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> table { margin: 100px auto; width: 800px; font-size: 16px; border-collapse: collapse; } caption { padding: 12px; caption-side: top; border: 1px solid #323232; color: turquoise; background-color: rgb(36, 36, 36); } code { margin: 0 3px; padding: 3px 5px; border-radius: 4px; color: rgb(170, 200, 228); background-color: #2F2F2F; } th, td, th { padding: 13px; text-align: center; border: 1px solid #323232; color: rgba(255, 255, 255, 0.75); } th { color: #42D392; background-color: rgb(26, 26, 26); } tr:nth-of-type(even) { background-color: rgb(26, 26, 26); } tr:nth-of-type(odd) { background-color: rgb(36, 36, 36); } </style> </head> <body> <table> <caption>学生成绩表</caption> <thead> <tr> <th>姓名</th> <th>科目</th> <th>成绩</th> </tr> </thead> <tbody> <tr> <td><code>李</code></td> <td><code>数学</code></td> <td><code>90</code></td> </tr> </tbody> </table> </body> </html>1.8文字属性
<style> h1{ font-size: 16px; font-weight: normal; color: red; text-align: center; text-indent: 2rem; text-decoration: line-through; text-shadow: 15px 15px 1px red; } </style> <body> <P>Hello World</P> <p>你好</p> <h1>Hello World</h1> <h1>你好</h1> </body>1.9页面设计
<style> body{ margin: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100vh; background-color: pink; } header,footer { width: 100%; height: 60px; background-color: red; } main { width: 80%; height: 100%; background-color: green; } </style> </head> <body> <header>1</header> <main>2</main> <footer>3</footer> </body>2
2.1用户需求
2.2做项目
需要三端，服务端（service），客户端(app)，管理端(admin)。
服务端链接数据库，将内容保存在数据库里面，让app端调用。客户端不能有管理端的权限。
联调
d>
2
2.1用户需求
2.2做项目
需要三端，服务端（service），客户端(app)，管理端(admin)。
服务端链接数据库，将内容保存在数据库里面，让app端调用。客户端不能有管理端的权限。
联调