就很凸然的,浏览网页的时候点了下查看源码,一层一层的金字塔构造,还有点好看的,就想着试试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)感谢耐心浏览~