好奇心使我......

就很凸然的,浏览网页的时候点了下查看源码,一层一层的金字塔构造,还有点好看的,就想着试试hhh

上手?
下载一个HTML编辑器:VS Code
简单介绍下嘉宾:全称Visual Studio Code,是一个由微软开发,同时支持 Windows 、 Linux 和 macOS 等操作系统且开放源代码的代码编辑器,编辑器中内置了扩展程序管理的功能。

在这里插入图片描述

新建html文件

根据需要自定义下载,打开后点击New file或者左上角File->New File创建新文件,
在这里插入图片描述
输入以下代码

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8" />
    <title>这是凤梨的第一个网页</title>
    </head>
    <body>
      <h1>晴天 - 周杰伦 (Jay Chou)</h1>
      
      <p id="first">故事的小黄花</p>
      <p id="second">从出生那年就飘着</p>
      <p id="third">童年的荡秋千</p>
      <p id="fourth">随记忆一直晃到现在</p>
      <p id="fifth">Re So So Si Do Si La</p>
      <p id="sixth">So La Si Si Si Si La Si La So</p>
      <p id="seventh">吹着前奏望着天空</p>
      <p id="eighth">我想起花瓣试着掉落</p>

	</div><!--end: footer -->
</div><!--end: home 自定义的最大容器 -->


    <div id="page_end_html">
        <script src="https://cdn.jsdelivr.net/npm/live2d-widget@3.1.3/lib/L2Dwidget.min.js"></script>
<script type="text/javascript">
L2Dwidget.init();
</script>
    </div>
</body>
</html>

保存文件
点击File->Save As,重点看下保存类型哦在这里插入图片描述

在浏览器中运行文件
在这里插入图片描述
结果如下:
在这里插入图片描述

🤭🤭🤭🤭🤭🤭🤭🤭🤭🤭🤭🤭🤭🤭🤭🤭🤭🤭🤭🤭🤭🤭🤭🤭🤭🤭🤭🤭🤭

ps:发现一个懒方法,在VSC上码字有时候还需要自己搞格式,body内容要是多的话得猴年马月啊
在这里插入图片描述
上图是在pychram上的HTML文件,我们创建个看看
在这里插入图片描述
格式已经给你准备好啦,是不是很贴心hhh~

(发个存档hhh)感谢耐心浏览~

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值