抖音资讯

douyinzx

html拖拽布局生成页面怎么开发(html框架布局网页代码)

iseeyu2年前 (2024-05-07)抖音资讯106

工欲善其事,必先利其器。一个好的编辑器会让编程过程变得事半功倍。

对于 HTML 编程,我用过这么几款编辑器。

首先是Dreamweaver,这还是我在读大学那会儿使用的网页编辑器。我依稀记得这款编辑器最大的特点就是可以进行拖拽操作。随意将按钮、选项框、图片等元素拖拽到页面进行布局,别提有多方便了。

在我参加工作之后就是使用Webstorm编辑器了,这款软件可以说是极大提升了生产力。在编程过程中所需要的一切应用都被集成到这款软件中了。比如代码高亮、比如代码补全、比如代码测试、等等。唯一的缺点就是,由于高度集成导致软件本身很大,配置不高的电脑会比较卡,发热严重。

近几年出现了一款后起之秀,也就是VSCode。这是微软出的一款编辑器。当我第一次接触到这款软件就对他爱不释手了。以至于我一时激愤将我电脑上绝大多数的编辑器都卸载了,接下来的编程都是在VSCode上完成的。比如Python、Java、PHP、Vue等等。

除此以外,还有一款元老级编辑器,那就是大名鼎鼎的记事本。在操作系统出现之初,这款编辑器就存在了。她可以编写天下所有的软件,而且没有兼容的问题、没有软件臃肿的问题、没有软件过时的问题。唯一的缺点就是门槛太高了,小白慎入。

根据我的经验,我推荐大家使用 VSCode 来编写HTML代码。

下载安装包

首先在官网下载VSCode的安装包。比较简单,这里就不演示了。

安装拓展

这款编辑器的特点就是想要什么功能就自己装什么拓展。这里我推荐安装2个拓展:Chinese (Simplified) Language Pack for Visual Studio Codeopen 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>
    我的第一个博客网址是 https://blog.pangao.vip
</body>
</html>

最后按 alt + B 调用浏览器,展示网页效果,如下所示:

 

至此,我们就完成了使用VSCode编写一个简单网页的过程,是不是很简单呢?!

扫描二维码推送至手机访问。

版权声明:本文由西安泽虎代运营发布,如需转载请注明出处。

转载请注明出处https://www.0291.com.cn/post/43214.html

相关文章

精选联盟是什么平台(抖音精选联盟入驻条件)

精选联盟是什么平台(抖音精选联盟入驻条件)

  精选联盟是抖音为了促进达人主播,和我们商家合作的一架“桥梁”   不过我们商家想要入驻精选联盟,也是需要达到入驻条件才能入驻的   成功入驻精选联盟后,我们可以把自己小店中的产品信息上传到精选联盟中,设置好佣金;   达人会在精选联盟中,选择自己喜欢的产品,然后进行直播转化;   在...

抖音照片怎么做出动态效果图(一张图片做成动态视频的方法)

抖音照片怎么做出动态效果图(一张图片做成动态视频的方法)

简单几步,让静态的照片变成动态的视频。 大家好!今天我想跟大家分享的是如何将静态的照片转化为动态视频,让画面更加生动有趣。你的手机里是不是存了很多漂亮的风景照、花卉和人物照片呢?其实,只要在剪辑软件中稍作处理,这些照片就能变得更加精美。以后不要再一张张发朋友圈了,试试将它们制作成动态视频吧!...

ps笔刷制作教程(自制ps笔刷的详细步骤)

ps笔刷制作教程(自制ps笔刷的详细步骤)

第一步:拖入自己想要的图案   第二步:Ctrl+shift+U 去色   第三步:编辑—定义画笔预设   第四步:选择...

抖音怎么禁止别人搜我的作品(抖音设置了不被陌生人搜索到)

抖音怎么禁止别人搜我的作品(抖音设置了不被陌生人搜索到)

抖音我们最喜欢的软件,不少小伙伴们想知道这个怎么才能禁止别人搜到,不想让别人搜到,想要知道方法的,就一起来看看吧。 抖音怎么禁止别人搜我 抖音无法设置禁止别人搜我,目前没有这个功能。不过可以设置只允许已经关注的人发送信息,除非好友,否则不会收到任何陌生人的消息。 怎么设置不让陌生人发...

360广告|客户星级服务规则

360广告|客户星级服务规则

为什么进行客户分级? 当前问题:客户价值不同,企业资源有限,大客户和小客户没有明确界限,服务内容无针对性。 发展方向:客户的个性化、差异化、多样化的需求决定了我们应该提供个性化、定制性的产品和服务,每一位用户为我们带来不同价值,他们对我们的预期也有所差距 案例: 例:某银行为现有客户分级...

怎么投放快手旅游广告?快手旅游推广方案有哪些?

怎么投放快手旅游广告?快手旅游推广方案有哪些?

随着社会经济的发展和人们生活水平的提高,旅游对人们来说不再是一种奢侈。越来越多的人在精神上喜欢旅行。旅行可以让人感受未知的世界,了解新事物,释放工作带来的压力。然而,随着移动互联网营销时代的发展,越来越多的旅游行业迅速发展,这使得客户获取成本越来越高。因此,广告商迫切需要一个高质量的投放平台,快手成...

现在,非常期待与您的又一次邂逅

我们努力让每一部企业宣传片和抖音短视频成为商业大片