使用 Vscode 编写 HTML 文档竟然可以自动写代码(2)

作者简介

作者名:1_bit
简介:CSDN博客专家,2020年博客之星TOP5,蓝桥签约作者。15-16年曾在网上直播,带领一批程序小白走上程序员之路。欢迎各位小白加我咨询我相关信息,迷茫的你会找到答案。

目录

HTML基础之bit哥的反客为主之道(9)—— <big></big> 放大标签 h5不支持、 <center></center> 居中h5不支持、<blockquote></blockquote> 引用标签

赶紧3分钟学完15分钟的内容我要出去玩(8)—— <big></big> 放大标签 h5不支持、 <center></center> 居中h5不支持、<blockquote></blockquote> 引用标签

我使用 html 反向输出自己打自己(7)——<a>超链接、<bdo>覆盖

我化身保姆为你提供 html 教学服务(6)——<b>加粗、<br>换行、<hr>分隔

我开始一直以为网页制作好难(5)——<h1></h1> 标题、<p></p> 段落、

你知道出现“乱码”的原因是什么吗?(4)——编码、<title></title> 网页标题、

一个基础的 HTML 文档有哪些标签?第一节(3)—— <!DOCTYPE html>说明、<head></head> 头部、<body></body> 主体、

使用 Vscode 编写 HTML 文档竟然可以自动写代码(2)—— vscode、快捷方式

保姆级的HTML零基础教程少见吧?这是第一节(1)——介绍、鸡汤

一、用什么软件编写网页

👸小媛:bit 哥这一节可以跟我说用什么软件比较方便的制作网页了吧?😄

🐶1_bit:嗯,已经到时间了,可以讲了。

👸小媛:你要给我介绍一个好用的。😃

🐶1_bit:那我们就用 vscode 吧,轻便又好用。

👸小媛:昂,真的假的?😚

🐶1_bit:当然真的呀,而且 vscode 还有很多插件给你选择呢。

👸小媛:行吧,vscode 哪里可以下载?

🐶1_bit:来这里吧,去他的官网:https://code.visualstudio.com/

👸小媛:然后进去点哪里?

🐶1_bit:直接点 Download 旁边的箭头就可以下载了。

二、vscode 汉化

👸小媛:明白了,可是为什么我下载后我的这个软件是英文呀,我想变成中文怎么办?我看见英文我就发晕,我觉得我需要放弃了。😞

🐶1_bit:这个不难,我们先点击 vscode 编辑器左侧最下面的扩展,然后在出现的提示框中输入 Chinese 就会出现一个语言包,最后点击 install 就可以进行安装了。

👸小媛:完美,安装完成后是不是需要点击 restart 进行重启?

🐶1_bit:是的,你重启完就是中文的 vscode 编辑器了。


👸小媛:完美。😊

三、使用 vscode 快速生成一个 HTML 网页基础结构

👸小媛:那你叫我使用这个软件,初了你说的轻便,对我还有什么帮助吗?

🐶1_bit:当然有呀。

👸小媛:因为你说的轻便对于我来说,我个人体会不深,我入行不久,所以有什么能够帮到我的,我觉得会好很多。

🐶1_bit:那我们就使用快捷键完成一个基础的 HTML 网页语言命令结构吧。

👸小媛:唔,啥意思?😂

🐶1_bit:就是自动生成一串你即将要敲上去的 HTML 命令,这样你就不用打了。

👸小媛:懂了,那我怎么做?

🐶1_bit:首先你先创建一个文件,并且保存这个文件。



👸小媛:创建好了,接下来要干啥?

🐶1_bit:接下来你输入一个英文的感叹号。

👸小媛:出现了提示,然后我要做什么。

🐶1_bit:出现提示后你只需要再按一个 tab 键,这个时候就可以生成一大串代码了。

👸小媛:明白了,哇一大串不会的,我头疼了。😂

🐶1_bit:哈哈哈,下一节我会告诉你这个这个结构的具体解释的。

👸小媛:等你了。😎

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/286886.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

甘肃省事业单位公考招聘考试权威复习资料---GIS专业全真模拟题(一)

一、单选 1. 以下那个可以从像元级别、特征级别进行&#xff08; &#xff09;。 A.增强 B.锐化 C.重采样 D.裁剪 2. 1:10000比例尺地形图的格网大小是&#xff08; &#xff09;。 A.30m B.100m C.10m D.5m 3. 电子地图中加载矢量数据属于&#xff08; &…

为什么 Docker 和 Kubernetes 是用 Go 写的而不是 C# ?

这是 Reddit 平台上面这几天一篇比较热门的帖子, 非常有意思&#xff0c;本文我列出了几个高赞的回答。&#x1f466; HahahahahaSoFunny为什么 Docker 和 Kubernetes 工具是用 Go 写的而不是 C#&#xff1f;总所周知&#xff0c;现在开发人员使用的很多新工具大多是用 Go 写的…

打造最舒适的webview调试环境

你在做移动web开发的时候是不是只是在Chrome下开启移动模式&#xff0c;然后就啪啪啪闷头敲代码了&#xff1f;如果你平时只是做做宣传页&#xff0c;Chrome的移动模式可能就能满足你。但是现在越来越多的应用采用Hybrid的开发方式&#xff0c;这样的话就可能在web页面上调用we…

淘宝网的技术发展史(二) ——Oracle替换MySQL

本文是《淘宝网的技术发展史》系列连载文的第二篇&#xff0c;在告别个人网站时代后&#xff0c;淘宝网的技术发展迎来了由Oracle开启的第二个时代。文/淘宝技术大学培训专家 子柳MySQL撑不住了 淘宝网作为个人网站发展的时间其实并不长&#xff0c;由于它太引人注目了&#xf…

数据结构——不相交集(并查集)

目的&#xff1a;解决等价问题。 表示方法&#xff1a;森林&#xff0c;底层实现用数组 主要操作&#xff1a;find()、union() 优化手段&#xff1a; ①find()时路径压缩 ②union()时按规模合并、按树高合并&#xff08;依据情况而定&#xff09; Java实现&#xff1a; class D…

Android之抓取adb logcat全日志后怎么过滤掉只包含当前app进程的日志(一般抓启动app奔溃日志)

1 、问题 有时候我们启动APP的时候&#xff0c;APP奔溃&#xff0c;在android studio里面日志可能冲掉&#xff0c;或者是云平台的手机安装的app&#xff0c;根本就没有android stduio&#xff0c;那我们用什么办法快速知道启动奔溃日志呢&#xff1f; 2、解决办法 我们先需要…

一个基础的 HTML 文档有哪些标签?(3)

作者简介 作者名&#xff1a;1_bit 简介&#xff1a;CSDN博客专家&#xff0c;2020年博客之星TOP5&#xff0c;蓝桥签约作者。15-16年曾在网上直播&#xff0c;带领一批程序小白走上程序员之路。欢迎各位小白加我咨询我相关信息&#xff0c;迷茫的你会找到答案。 目录 HTML基…

考研:中国科学院地理所历年GIS研究生入学考试真题汇总

中科院地理所1997年GIS研究生入学试题 一、名词解释 1.拓扑关系 2.缓冲分析 3.关系数据模型 4.空间叠加 二、简答题 1、GIS的主要功能略 2、企业GIS系统的特色 三、问答题(选2) 1、GIS基本组成与主要应用领域 2、地理科学数据集成与管…

能上架App的GooglePlay开发者账号获取流程

googleplay 开发者账号申请流程 接到公司号召&#xff0c;要让我们的app走向世界&#xff0c;上架GooglePlay&#xff0c;都说天朝的Android 程序员是折翼的天使&#xff0c;猛然发现写了做么多年的Android&#xff0c;竟然不知道怎么成为GooglePlay开发者。 以前尝试过&#x…

如何让 ASP.NET Core 支持绑定查询字符串中的数组(2)

前言上回说到&#xff0c;我们实现了IntArrayModelBinder&#xff0c;可以让 ASP.NET Core 绑定查询字符串中的数组。但是必须显示指定ModelBinder&#xff1a;public string Get([FromQuery][ModelBinder(BinderType typeof(IntArrayModelBinder))] int[] values)而官方提供的…

hdu 3530 Subsequence

/* 开始以为是二分...后来发现丫不单调... */ #include<iostream> #include<cstdio> #include<cstring> #define maxn 1000010 using namespace std; int n,l,r,ans,tmin[maxn],tmax[maxn],a[maxn]; int qmin[maxn],qmax[maxn],headmin,tailmin,headmax,tai…

FirstLetterUtil

package cn.edu.hbcf.common.utils;public class FirstLetterUtil {private static int BEGIN 45217;private static int END 63486;// 按照声母表示&#xff0c;这个表是在GB2312中的出现的第一个汉字&#xff0c;也就是说“啊”是代表首字母a的第一个汉字。// i, u, v都不做…

淘宝网的技术发展史(三)——分布式时代

本文是《淘宝网的技术发展史》系列连载文的第三篇。在系统发展的过程中&#xff0c;架构师的眼光至关重要&#xff0c;作为程序员&#xff0c;把功能实现即可&#xff1b;但作为架构师&#xff0c;要考虑系统的扩展性、复用性&#xff0c;这种敏锐的感觉&#xff0c;有人说是一…

Flutter提示之Navigator operation requested with a context that does not include a Navigator.

1 、问题 用Flutter写了页面跳转&#xff0c;提示错误如下 Navigator operation requested with a context that does not include a Navigator. 2 、我的代码 void main() {runApp(MyApp1()); }class MyApp1 extends StatelessWidget {overrideWidget build(BuildContext c…

《地理信息系统概论》课后习题全部答案_黄杏元

第一章 地理信息系统导论 1、什么是地理信息系统(GIS)?它与一般计算机应用系统有哪些异同点? 答:地理信息系统:是由计算机硬件、软件和不同的方法组成的系统,该系统设计支持空间数据的采集、管理、处理、分析、建模和显示,以便解决复杂的规划和管理问题。 GIS脱胎于…

你知道出现“乱码”的原因是什么吗?(4)

作者简介 作者名&#xff1a;1_bit 简介&#xff1a;CSDN博客专家&#xff0c;2020年博客之星TOP5&#xff0c;蓝桥签约作者。15-16年曾在网上直播&#xff0c;带领一批程序小白走上程序员之路。欢迎各位小白加我咨询我相关信息&#xff0c;迷茫的你会找到答案。 目录 HTML基…

Android应用程序线程消息循环模型分析(4)

接下来我们再看看应用程序的配置文件AndroidManifest.xml&#xff1a;<?xml version"1.0" encoding"utf-8"?> <manifest xmlns:android"http://schemas.android.com/apk/res/android" package"shy.luo.counter" andr…

【SignalR全套系列】之在.Net Core 中实现Server-Send Events消息推送

微信公众号&#xff1a;趣编程ACE关注可了解更多的.NET日常开发技巧&#xff0c;如需源码 请公众号留言 源码;如果觉得本公众号对你有帮助&#xff0c;欢迎关注【SignalR全套系列】之在.Net Core 中实现Server-Send Events消息推送1.前文链接&#xff1a;【SignalR全套系列】之…

GIS专业核心课程电子教材配套实验数据汇总(持续更新)

本文整合了GIS专业核心课程电子pdf教材,包括地理信息系统、地图学、遥感、摄影测量、遥感数字图像处理、工程测量、施工测量、GPS、数字测图、空间数据库、程序设计等,持续更新。 一、ArcGIS10实验教程(配套实验数据) 二、地理信息系统

Android数据手册:Android颜色码制表

在Android应用开发中经常要用各种控件&#xff0c;并为控件设置其背景颜色&#xff0c;使用各种不同的颜色为控件着色是很有必要的。 在Android系统中&#xff0c;各种颜色与其对应的码制如下所示&#xff1a; <resources> <color name"white">#ffffff…