从零开始学习web前端开发

从零开始学习web前端开发

之前半个月一直在学习深度学习，但是感觉自己的能力还没到那个程度所以就想搁置一下，从程序员基础的前端开发来学。

**废话不多说直接开记

我所使用的前端开发软件就是业内很流行的vscode，作为小白的我当然也是用的这个

具体的安装教程，插件教程网上都有详细的介绍，在此处不多讲

基本骨架

在vscode中输入 ！ 就可以出来网页开发的一个基本骨架
其中DOCTYPE的作用是告诉浏览器我们使用的是哪个html版本来显示网页
是一个文档申明类标签

例如 !DOCTYPE html 则是使用的html5版本来显示网页

并且这个命令必须写在开头

然后lang的作用，lang实则是language的缩写，是定义当前文档显示的语言
而charset的作用，顾名思义叫字符集，他规定了html文档是用哪种字符编码，常用的charset的值有GB2312(简体中文)，BIG5(繁体中文)，UTF-8(万国码)，其中基本使用的就是万国码。

HTML常用标签

标题标签
标题标签是从h1-h6 ，且这两个还得加尖括号，由于这个编辑器的原因，没法加
h1为最大的标题标签，随之序号越大，字越小。还有，标题标签在网页中的显示是独占一行的，不管你的标题标签后面跟了什么东西，它都会在下一行显示。且标题标签是双标签，即开头尖括号h1 结尾 为 尖括号/h1，因为现在的版本，不加/也不会算你语法错误。

段落标签
尖括号p就是段落标签，作用就是分段，当然段落标签也为双标签。在网页中显示的时候，段落标签的两个段落之间会有一条明显的空隙。

换行标签
尖括号br / 就是换行标签，作用就是是内容换行，在网页中显示的时候和段落标签不一样，使用换行标签 两段之间没有明显的空隙。

文本格式化标签

顾名思义就是将文字加粗，变斜，下划线等效果
重点记住加粗和变斜，
加粗 尖括号strong，为双标签，还有另一个写法尖括号b，也为双标签
倾斜 尖括号em，双标签，另一个写法尖括号i，也为双标签，
删除线，尖括号del，双标签，另一个写法尖括号s，也为双标签
下划线 尖括号ins，双标签，另一个写法尖括号u，也为双标签

div和span标签

div和span相当于一个盒子，存放内容 没有语义
区别在于
用div只能在一行里放东西，div以外的要另起一行，属于大盒子
用span可以在一行里放多个span属于小盒子

第一篇先介绍到这儿。