Study-学习

HTML从入门到秃头

——最详细的手把手HTML入门教程


前言

欢迎来到HTML教程,本教程根据网络上各种资料及英文教材编写,特点是步骤更加详细,定位是教程。本教程将大家带入HTML的入门。请跟随我一起走进HTML吧!

开始前先安利几个网站,方便今后查找资料。
教程类网站: 菜鸟教程 W3Cschool
编译器: Visual Studio Code (英文)

编译器

编译器的安装

通过Code打开

进入官网, (Visual Studio Code ) 点击你的操作系统的下载链接,就能完成下载。下载后会有一个安装包。双击安装包,选在要下载的位置,之后后面一面按需选择,我是全部勾上的。其中可选功能大概是(这里拿windows举例):
1. 右键栏显示用VSCode打开
2. 添加到PATH(这个选上!)
3. 创建桌面快捷方式(随意)
......

编译器的调校

安装完成后,你就可以进入软件了。这时候,你会发现软件是英文的。但不要慌,其实你并不需要中文可以通过安装语言包来设置语言。

具体步骤如下:

同理,建议安装如下插件:

好的,现在插件的安装就到一段落了。此时你需要做的是找的一个盘,新建一个文件夹,以后的编程文件都放在这里就可了。新建完了以后回来,点击VSCode左侧资源管理器,然后点开这个文件夹如图。
示例图片

下一步是新建文件,记得文件后面跟上后缀名.html(听说.htm也可)

嗯对,以后就这样新建文件了。如果要移动的话可以在资源管理器找到那个文件夹或者在VSCode里面右键文件,选择在资源管理器中打开。如果要看运行效果的话可以右键,选择“open in browser”或者了快捷键Alt+B

图床的使用

很多网页都要引用图片,而本地图片不仅限制了你的发挥而且麻烦老师还看不见。这就体现了图床的重要性。下面介绍几种方法插入图片

  1. 图床(路过图床sm.ms等)
  2. 腾讯云COS储存点击查看免费额度
  3. 其他

图床使用很简单,点进官网,最好注册下,然后上传图片。完成后他就会给你链接或者现成的html图片标签。直接复制粘就好了。大多数图床提供免费方案。
cos储存不仅可以储存图片还可以储存其他文件共远程访问,大概作用和网盘差不多,但是可以直接引用到网页中。很多云都有免费额度可以自己查查。听说七牛云也有没试过。

未完待续......


格式


标签


CSS


JavaScript

panduozi
一个普普通通的初中生
查看“panduozi”的所有文章 →

发表评论

电子邮件地址不会被公开。 必填项已用*标注

相关推荐