通过文本编辑器，如：记事本，完全可以编写网页源代码，但是效率……不忍直视。实际开发中，注重开发的 效率和便捷性 ，因此我们会使用一些开发工具，开发工具有很多： Visual Studio Code 、 Webstorm 、 Sublime 、Dreamweaver、 Hbuilder等。
为什么要使用 VS Code呢，因为VS Code → 速度快、体积小、插件多！
VS Code使用前要求
1. VSCode 软件安装完毕
2. Chinese (Simplified) Language Pack for Visual Studio Code 简体中文插件安装完毕
3. open in browser 直接打开浏览器插件安装完毕
声明：该文观点仅代表作者本人，《前端技术分享网》系信息发布平台，前端技术分享网仅提供信息存储空间服务。发布者：果壳日志，转载请注明出处：https://www.xin12123.com/n/283.html
label标签 场景：常用于绑定内容与表单标签的关系，比如有个输入框，如果我想要点击输入框获得焦点，只有input情况下，我只能选中输入框，但加了label，把label和input绑定在一起后，点击label也可以选中输入框。这种是最常用的。 Ø 标签名：labelØ 使用方法①：1. 使用label标签把内容（如：文字）包裹起来2. 在input标签上添…
文本格式化标签的介绍：需要让文字加粗、下划线、倾斜、删除线等效果，语义：突出重要性的强调语境 实际项目开发中选择标签的原则：标签语义化 即：根据语义选择对应正确的标签• 如：需要写标题，就使用h系列标签• 如：需要写段落，就使用p标签 好处：• 对人：好理解，好记忆• 对机器：有利于机器解析，对搜索引擎（SEO）有帮助推荐下面这组：• stro…
button按钮标签 场景：在网页中显示用户点击的按钮Ø 标签名：buttonØ type属性值（同input的按钮系列）： 注意点：• 谷歌浏览器中button默认是提交按钮• button标签是双标签，更便于包裹其他内容：文字、图片等
表格的基本标签 table > tr > td 场景：在网页中以行+列的单元格的方式整齐展示和数据，如：学生成绩表 注意点：• 标签的嵌套关系：table > tr > td
图片标签的介绍 场景：在网页中显示图片 特点：• 单标签• img标签需要展示对应的效果，需要借助标签的属性进行设置！ 图片标签的src属性 属性名：srcØ 属性值：目标图片的路径Ø 注意点：Ø 当前网页和目标图片在同一个文件夹中，路径直接写目标图片的名字即可（包括后缀名）Ø 路径的情况有很多，在之后的学习过程中，会了解用法。 图片标签的al…
