2020-11-07

前端html小白基础入门

在我们程序员中有很多的开发工具例如：

        1.DreamWeave(最早期的网页设计工具)；

        2.Sublime Text(国外的，要收费)；

        3.WebStorm（也是国外的，需要收费）；

        4.Hbuilder，HbuilderX(国内开发，免费，集成性高，使用简单，容易上手);

        5.Visual Studio Code (微软开发的工具，一推出就干死了两个软件（Atom，sublime text)

注：在这些开发工具当中我们我们都要去尝试用一下，因为去公司做一名开发人员的时候不可能只固定一种编辑器

一、第一个网页的创建

            1.使用VScode去创建项目的时候，我们一般以日期为项目名称，方便后期查找，同时会新建文件

夹，集中保存自己的代码

            2.css是一个文件夹，用于存放网页的样式 ；

            3.img用于存放当前项目的所有图片 ；

            4.js则是存放网页项目的脚本语言 ；

            5.index.html 它就是我们的网页

在这里党我们同时使用多个文件的时候要避免弄混淆，主要区分开

网页基本结构

vscode这个软件想要快速生成这个页面要 按 shift 建加上 ！再回车就可以生成了

下节文章我将系统学习vscode与笔记软件