走进前端、vscode安装、gitee提交--ddihan_gitee vscode初次提交-CSDN博客

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>表单自学</h1>
    <hr>
    <form action=" ">
        昵称：<input type="text" placeholder="请输入昵称">
        <br>
        <br>
        性别：
        <label><input type="radio" name="sex" checked> 男</label>
        <label><input type="radio" name="sex"> 女</label>
        <br>
        <br>
        所在城市：
        <select>
            <option>北京</option>
            <option>广州</option>
            <option selected>上海</option>
            <option>长春</option>
        </select>
        <br>
        <br>
        特长：
        <input type="checkbox">唱
        <input type="checkbox">跳
        <input type="checkbox">rap
        <input type="checkbox">篮球
        <br>
        <br>
        个人介绍：<br>
        <textarea name="" id="" cols="60" rows="10"></textarea>
        <br>
        <br>
        <label><input type="checkbox">我已同意用户协议</label>
        <h2>我承诺</h2>
        <ul>
            <li>信息真实有效</li>
            <li>态度真诚</li>
        </ul>
        <!-- 按钮两种：input && button -->
        <input type="submit" value="立即注册">
        <button type="reset">重置</button>
    </form>
    <!-- form是表单域 表单里的各种按钮对form里的表单起作用 -->
</body>
</html>

效果展示

二、vscode及其插件的安装

编辑代码需要一个功能强大的编辑器，业界广受好评的vscode自然也成为我的首选，其精美的页面，功能丰富的开源插件，对我们的编程工作有着极大的便利。

建议到官方网站下载：https://code.visualstudio.com/https://code.visualstudio.com/

下面推荐html开发实用的拓展

下载之后软件默认全英，如果看不懂？我们选择软件左侧第四个拓展图标，搜索Chinese

标签没有缩进？看起来不好看？需要一个美化界面：Beautify

要修改前后标签很麻烦？使用标签检查拓展：Auto Rename Tag

忘记写闭合标签？使用标签闭合拓展：Auto Close Tag

三、如何在Gitee上提交代码

首先，为了方便程序员的代码于联网保存或用于开源查看，在中国的常用的代码管理仓库就是Gitee

展示作者自己的gitee平台，并对如何上传代码做解释（这个困扰我很久的问题）完全自创自学，就是安装有些麻烦，这个方法使用起来还是没问题的

1.第一步：根据上链接的教程学到：更新代码到gitee前

2.第二步：下载提交功能软件tortoisegit(一直点next安装就行）https://tortoisegit.org/download/https://tortoisegit.org/download/

3.第三步：选定要上传的文件点击提交

之后会出现这个界面

点击提交即可

但是我们到现在还没有完全上传，因为未进行同步，我们需要在大文件如：（我的文件夹）gitee_ddihan中打开Git Bush

输入同步指令 （注意orign是你自己设定的，每个人的名字很可能不一样哦）

 git push origin（这个取决于你设定的文档名） master

之后进入gitee仓库

有小绿色点代表上传成功，也可以在下面看到最近上传的

目前刚刚自学硬看的差不多可以做到这个效果，应该还是比较麻烦的，但是没有请教任何人，所以上文仅仅本人拙见，希望看到的学长学姐还有同级的小伙伴修改指正，鄙人感激不尽！

3.25更新

tmd，原来这么简单，在gitee仓库中点击右上角按钮文件之后点击提交，之后拖拽文件进去就行，根本不用那么麻烦，寄！！！

走进前端、vscode安装、gitee提交--ddihan

一、走近前端

1.前端简介：

①包含技术：

②网页开发初体验：