已经在VSCode中新建了.html项目，下面我们来进行一些基本的简单操作，关于如何新建项目，可以查看之前的文章哦。 https://blog.csdn.net/weixin_46570668/article/details/112505505.

首先我们来看一些标签的用法 < form> < form> 标签用于创建供用户输入的HTML表单。可包含一个或多个如下表单元素： < input> < textarea> < button> < select> < option> < optgroup> < fieldSet> < label> < fieldset> < fieldset>标签用于从逻辑上将表单中的元素组合起来，会在相关表单元素周围绘制边框 < legeng>标签为fieldset元素定义标题 举例： 例如如下代码：（使用的是上次的文件）

我们右击index.html选择view in Browser，效果如下：

接下来我们开始在表单里面插入输入框，首先来了解一下< input>标签 < input> < input>标签规定了用户可以在其中输入数据的输入字段，在< form>中使用，用来声明允许用户输入数据的input控件，输入字段可通过多种方式改变，取决于tupe属性。 type的属性包括：button,checkbox,color,date,datetime,datetime-local,emial,file,hidden,image,month,number,password,radio,range,reset,search,submit,tel,text,time,url,week 我们在表单中加入两个text类型的input控件，代码如下： < br>表示换行

好，一起来看一下效果：

单选和多选的实现也是通过input控件，与上面输入框类似，只需要改变type的类型就可以了。 代码如下：

一起来看一下效果吧

接下来我们搞一个学期的列表选择框，众所周知，上海大学有四个学期，因此我们搞一个有四个学期春夏秋冬可供选择的选择框。 代码如下：

来看看效果怎么样：

插入图片这个操作与之前的很多语言都类似。首先我们去网上下载一个好看可爱的图片到我们现在的文件夹里，给它命名一个好记的名字，接下来在我们想插入的地方写下一行代码：

我写在了第一个表单的标题下面，是一个可爱的猫猫头表情，下面我们来看看效果如何 一个非常可爱的猫猫头就出现啦，现在大部分操作就完成了，下面我们来看看页面跳转。

按钮的实现非常简单，还是我们熟悉的< input>控件，只要将类型改为"button"就可以啦。 代码如下：

现在它是一个毫无用处的按钮，接下来我们想让它能跳转到指定网页，比如说百度，那我们给它加一个onClick就可以啦。

那我们试着跳一下。 点击“跳转百度”按钮，跳转成功。 接下来我们不想跳转到别人的网页上去，我们想跳转到我们的下个网页上，这个也非常简单，只要将跳转的地址改为我们下一页地址就好啦。 首先先新建一个html文件，这个就和新建index.html一模一样，然后输入名字“next.html” 接下来我们在index.html中输入如下代码：

为了好看，我们在next.html也就是要跳转的页面中也插入一张猫猫头表情，代码如下：

现在我们来看看效果吧 我们点击“跳转下一个界面”按钮，哦豁，一个非常可爱的猫猫头，跳转成功！