HTML编辑器-HTML5极速入门
前言
更多内容,请访问我的 个人博客。
工欲善其事,必先利其器。一个好的编辑器会让编程过程变得事半功倍。
对于 HTML
编程,我用过这么几款编辑器。
首先是Dreamweaver,这还是我在读大学那会儿使用的网页编辑器。我依稀记得这款编辑器最大的特点就是可以进行拖拽操作。随意将按钮、选项框、图片等元素拖拽到页面进行布局,别提有多方便了。
在我参加工作之后就是使用Webstorm编辑器了,这款软件可以说是极大提升了生产力。在编程过程中所需要的一切应用都被集成到这款软件中了。比如代码高亮、比如代码补全、比如代码测试、等等。唯一的缺点就是,由于高度集成导致软件本身很大,配置不高的电脑会比较卡,发热严重。
近几年出现了一款后起之秀,也就是VSCode。这是微软出的一款编辑器。当我第一次接触到这款软件就对他爱不释手了。以至于我一时激愤将我电脑上绝大多数的编辑器都卸载了,接下来的编程都是在VSCode上完成的。比如Python、Java、PHP、Vue等等。
除此以外,还有一款元老级编辑器,那就是大名鼎鼎的记事本。在操作系统出现之初,这款编辑器就存在了。她可以编写天下所有的软件,而且没有兼容的问题、没有软件臃肿的问题、没有软件过时的问题。唯一的缺点就是门槛太高了,小白慎入。
根据我的经验,我推荐大家使用 VSCode 来编写HTML
代码。
下载安装包
首先在官网下载VSCode的安装包。比较简单,这里就不演示了。
安装拓展
这款编辑器的特点就是想要什么功能就自己装什么拓展。这里我推荐安装2个拓展:Chinese (Simplified) Language Pack for Visual Studio Code
和 open in browser
。这两个拓展分别是用来显示中文和快速调用浏览器展示网页的。如下所示:
编写HTML代码
首先新建文本 test.html
,如下所示:
然后在html文件中写入代码:
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>潘高的小站</title>
</head>
<body>我的第一个博客网址是 http://blog.pangao.vip
</body>
</html>
最后按 alt
+ B
调用浏览器,展示网页效果,如下所示:
至此,我们就完成了使用VSCode编写一个简单网页的过程,是不是很简单呢?!
更多编程教学请关注公众号:潘高陪你学编程
HTML编辑器-HTML5极速入门相关推荐
- 九十分钟极速入门Linux——Linux Guide for Developments 学习笔记
转载自: 九十分钟极速入门Linux--Linux Guide for Developments 学习笔记 http://mp.weixin.qq.com/s?__biz=MzAwNTMxMzg1MA ...
- HTML5从入门到精通(千锋教育)免费电子版+PDF下载
本书是HTML5初学者极好的入门教材之一,内容通俗易懂.由浅入深.循序渐进.本书内容覆盖全面.讲解详细,其中包括标签语义化.标签使用规范.选择器类型.盒模型.标签分类.样式重置.CSS优化.Photo ...
- 极速入门ILRuntime热更新
极速入门ILRuntime热更新 关于我们 1.认识ILRuntime 2.建立第一个ILRuntime程序 3.ILRuntime源码分析 4.深入ILRuntime热更新原理 5.深入ILRunt ...
- HTML5从入门到精通,零基础学员必看
学习html5从入门到精通,零基础新手也能看懂,无论你是唱歌,画画的艺术生,还是学习机械专业的工科生,或者大学读的文学学科.先了解HTML5可以实现的功能有哪儿些? 1. HTML5可以同时在多种设备 ...
- 02.Web大前端时代之:HTML5+CSS3入门系列~H5结构元素
Web大前端时代之:HTML5+CSS3入门系列:http://www.cnblogs.com/dunitian/p/5121725.html 1.结构元素 可以理解为语义话标记,比如:以前这么写&l ...
- HTML5从入门到精通(明日科技) 中文pdf扫描版
HTML5从入门到精通(明日科技) 中文pdf扫描版
- 慕课网_《RabbitMQ消息中间件极速入门与实战》学习总结
慕课网<RabbitMQ消息中间件极速入门与实战>学习总结 时间:2018年09月05日星期三 说明:本文部分内容均来自慕课网.@慕课网:https://www.imooc.com 教学源 ...
- easyui表单网格列错位_《HTML5从入门到精通》——第3章 HTML表格与表单
<HTML5从入门到精通> ◎千锋教育高教产品研发部/编著 (清华大学出版社出版) 目 录 第3章 HTML表格与表单................................... ...
- PyTorch 深度学习: 60 分钟极速入门
PyTorch 深度学习: 60 分钟极速入门 2019年年初,ApacheCN组织志愿者翻译了PyTorch1.2版本中文文档(github地址),同时也获得了PyTorch官方授权,我相信已经有许 ...
最新文章
- SVM算法在项目实践中的应用!
- [转]c++之菱形继承
- python pip如何安装wheel文件?.whl(pip install [wheel])
- 升讯威微信营销系统开发实践:(3)功能介绍与此项目推广过程的一些体会( 完整开源于 Github)...
- Sublime Text 2 使用心得
- hadoop报错:WARN mapred.JobClient: Error reading task outputNo route to host
- readSerializableObj
- java小白会有那些工作_Java小白找工作与学习的第四天
- 基于vue,elementui的注册页面源码
- kafka是什么_技术面试官问:Kafka为什么速度那么快?
- verilog学习记(快速入门)
- 学习C语言,有哪些值得推荐的经典书籍?
- 搜集的几个超高难度的数独题
- 任正非为什么要抛弃华为基本法
- 大数据智能分析的未来发展趋势
- DP转HDMI方案|CS5216方案应用|CS5216设计方案
- 搭档之家:牛市来了!阿里云“临牛受命”,接到多家券商扩容需求
- mojave 未能与恢复服务器,Clover引导安装黑苹果卡各种问题的解决方法(内容较多)...
- vue-aMap高德地图的应用(添加覆盖物点坐标、自定义图标、添加信息窗体信息等)
- winForm c#导出Excel