<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

CSS: 层叠样式表

Javascript: 逻辑交互

标签分为三大类:

    1: 块级标签

        独占一行

    2: 行内标签

        并排展示

        不可以设置宽高

    3: 行内块标签

        并排展示

        可以设置宽高

-->

<div>这是一个盒子</div>

<p>这是一个段落</p>

<span>python</span>

<strong>html</strong>

<img src="https://m.360buyimg.com/babel/jfs/t20280609/301570/22/13321/9092/6847d785F60001ad9/dc6b373197ff19a8.png" alt="" srcset>

<img src="https://ms.bdimg.com/pacific/0/pic/258806440_1084018245.jpg?x=0&y=0&h=200&w=300&vh=200.00&vw=300.00&oh=200.00&ow=300.0">

<hr>

<form action="https://www.baidu.com/s" method="get">

    <input type="text" name="wd" placeholder="请输入你的账号:" maxlength="8" minlength="4" value="123456" required>

    <input type="password" name="pwds"><br>

性别:

    男: <input type="radio" name="gender" value="男" checked>

    女: <input type="radio" name="gender" value="女">

<br>

爱好:

    <input type="checkbox" name="hobby" value="smoke">抽烟

    <input type="checkbox" name="hobby" value="drink">喝酒

    <input type="checkbox" name="hobby" value="perm">烫头<br>

下拉框:

    <select name="city" >

        <option disabled selected>请选择你的城市</option>

        <option value="晋">山西</option>

        <option value="鲁">山东</option>

        <option value="豫">河南</option>

        <option value="冀">河北</option>

    </select>

    <button>提交</button>

</body>

</html>

 

 

 

 

 

 

 

 

# 前端 # javascript # css
Logo
亚马逊云科技技术品牌专区

更多推荐

Kiro Editor 开发实战：使用 Cargo 构建、测试与性能优化指南

欢迎来到这篇终极指南，我们将深入探索如何使用Rust构建高性能的终端文本编辑器Kiro Editor。无论你是Rust新手还是经验丰富的开发者，这篇完整教程将带你了解如何利用Cargo工具链进行高效的开发、测试和性能优化，打造一款快速、轻量且功能强大的UTF-8文本编辑器。## 什么是Kiro Editor？Kiro Editor是一款使用Rust编写的极简终端文本编辑器，它最初是著名编辑

avatar 亚马逊云科技技术品牌专区

近期零基础学量化，先按基础差异拆学习顺序

读者应明白，拆解学习顺序时要先看自己的基础缺口，再决定哪一段需要放慢。不同流程阶段都有不同检查任务，学习路线要能反映这些差异。

avatar 亚马逊云科技技术品牌专区

2026年量化工具选择，要跟着能力基础走

读者应理解，选择工具前要先判断自己的能力基础和当前任务。工具应该帮助自己补上当前最关键的缺口，而不是替代学习顺序本身。

avatar 亚马逊云科技技术品牌专区