走进前端~~

mengweiwei_

已于 2022-03-30 23:07:31 修改

阅读量1.1k

点赞数 2

文章标签：前端

于 2022-03-30 23:06:49 首次发布

本文链接：https://blog.csdn.net/mengweiwei_/article/details/123850800

版权

走进前端&vscode插件的安装和使用

文章目录

*第一周蓝旭培训预习*
一、==走进前端==
二、==vscode==的下载和安装
三、vscode==插件==的安装和使用
总结

第一周蓝旭培训预习

通过第一次面试，接下来就是漫漫奋斗路了！

在即将到来的第一次培训中，我们将深入了解什么是后端，并安装vscode以备后续的学习

一、走进前端

前端技术一般分为前端设计与前端开发，前端设计一般可以理解为网站的视觉设计，前端开发则是网站的前台代码实现，包括基本的HTML和CSS以及JavaScript/ajax，最新的高级版本HTML5、CSS3，以及SVG等。

1.前端

web前端的定义：是面向用户（浏览者）的互联网技术统称。主要包括Web界面的结构、Web界面的外观视觉表现以及Web界面的交互实现。

2.包含技术

Web前端的分类：前端设计和前端架构

·结构：HTML

（Hyper Text Markup Language超文本标识语言）
从语义的角度描述页面结构

初体验

<!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>
    <form action="">
        我是<input type="radio" name="sex" id="nan" checked /> <label for="nan">小哥哥</label>
        <label><input type="radio" name="sex" />小姐姐</label>
        <br>
        <br>
        生日：<select>
            <option>00年</option>
            <option>01年</option>
            <option>02年</option>
            <option>03年</option>
            <option>04年</option>
            <option>05年</option>
            <option>06年</option>
        </select>
        <select>
            <option>01月</option>
            <option>02月</option>
            <option>03月</option>
            <option>04月</option>
            <option>05月</option>
            <option>06月</option>
            <option>07月</option>
            <option>08月</option>
            <option>09月</option>
            <option>10月</option>
            <option>11月</option>
            <option>12月</option>
        </select>
        <br />
        <br />
        爱好：<input type="checkbox" checked />唱歌
        <input type="checkbox" checked />跳舞
        <input type="checkbox" />画画
        <input type="checkbox" />书法
        <input type="checkbox" />体育运动
        <br />
        <br />
        居住地：<select>
            <option>北京</option>
            <option>上海</option>
            <option>深圳</option>
            <option selected>长春</option>
            <option>郑州</option>
            <option>广州</option>
            <option>湖南</option>
        </select>
        <br />
        <br />
        手机号登录：<input type="text" placeholder="请输入正确的手机号"/>
        <input type="button" value="获取验证码" />
        <br />
        <br />
        请输入验证码：<input type="text" />
        <br />
        <br />
        账号密码登录：<input type="text" placeholder=" 请输入账号"/>
        <br />
        <br />
        请输入密码：<input type="password" />
        <br />
        <br />
        请再次确认密码：<input type="password" />
        <br />
        <br />
        个人简介：<br />
        <textarea cols="60" rows="30" placeholder=" 写点什么吧！"></textarea>
        <br />
        <br />
        <input type="checkbox" checked/>我已同意用户协议
        <br />
        <br />
        <input type="submit" value=" 立即登录" />&nbsp;&nbsp;<input type="button" value="注册新账户" />
        <br />
        <br />
        <input type="reset" value="重置" />
    </form>
    
</body>
</html>