作业的笔记

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>

    1
    2
    3
    ```

    2

    2.1用户需求

    2.2做项目

    需要三端,服务端(service),客户端(app),管理端(admin)。

    服务端链接数据库,将内容保存在数据库里面,让app端调用。客户端不能有管理端的权限。

    联调