HTML 基础

html标题

HTML 标题（Heading）是通过<h1> – <h6> 标签来定义的。

HTML 段落

HTML 段落是通过标签 <p> 来定义的。

HTML 链接

HTML 链接是通过标签 <a> 来定义的。

download：提示浏览器下载链接目标而不是导航到该目标。

如果指定了文件名，浏览器会提示下载并保存为指定文件名。

<a href=”file.pdf” download=”example.pdf”>下载文件</a>

锚点链接：除了链接到其他网页外，您还可以在同一页面内创建内部链接，这称为锚点链接。要创建锚点链接，需要在目标位置使用 <a> 元素定义一个标记，并使用#符号引用该标记。例如：

<a href="#p1">跳转到第二部分</a>
<!-- 在页面中的某个位置 -->
<p id="p1">跳转到第一部分位置</p>

HTML 图像

HTML 图像是通过标签 <img> 来定义的.

lang属性含义

表示展示是英文的页面，可能会弹出翻译成中文的展示

HTML文本格式化

HTML列表

HTML无序列表

HTML有序列表

多级列表

HTML表单

HTML 表单用于收集用户的输入信息。

HTML 表单表示文档中的一个区域，此区域包含交互控件，将用户收集到的信息发送到 Web 服务器。

HTML 表单通常包含各种输入字段、复选框、单选按钮、下拉列表等元素。

以下是一个简单的HTML表单的例子：

• <form> 元素用于创建表单，action 属性定义了表单数据提交的目标 URL，method 属性定义了提交数据的 HTTP 方法（这里使用的是 “post”）。
• <label> 元素用于为表单元素添加标签，提高可访问性。
• <input> 元素是最常用的表单元素之一，它可以创建文本输入框、密码框、单选按钮、复选框等。type 属性定义了输入框的类型，id 属性用于关联 <label> 元素，name 属性用于标识表单字段。
• <select> 元素用于创建下拉列表，而 <option> 元素用于定义下拉列表中的选项。

实例

<form action="/" method="post">
    <!-- 文本输入框 -->
    <label for="name">用户名:</label>
    <input type="text" id="name" name="name" required>

    <br>

    <!-- 密码输入框 -->
    <label for="password">密码:</label>
    <input type="password" id="password" name="password" required>

    <br>

    <!-- 单选按钮 -->
    <label>性别:</label>
    <input type="radio" id="male" name="gender" value="male" checked>
    <label for="male">男</label>
    <input type="radio" id="female" name="gender" value="female">
    <label for="female">女</label>

    <br>

    <!-- 复选框 -->
    <input type="checkbox" id="subscribe" name="subscribe" checked>
    <label for="subscribe">订阅推送信息</label>

    <br>

    <!-- 下拉列表 -->
    <label for="country">国家:</label>
    <select id="country" name="country">
        <option value="cn">CN</option>
        <option value="usa">USA</option>
        <option value="uk">UK</option>
    </select>

    <br>

    <!-- 提交按钮 -->
    <input type="submit" value="提交">
</form>

隐藏框
<input type ="hidden" name="id" value="1"> 用来定义一些隐藏固定值给后端

详细看这个HTML 表单 | 菜鸟教程

数据接收格式

Session实现登录

token