本文介绍了如何使用Visual Studio Code（Vscode）编写HTML，包括设置样式创建列表和表单。通过示例展示了如何利用<style>标签定义字体样式和颜色，以及如何在<body>中编写内容，创建出具有不同样式的文字效果。同时，还涵盖了表单的编写，以一个完整的练习为例，展示了一个简单的HTML页面布局。
首先我们可以使用表格相应标签和属性实现一个列表
首先在<style>标签下设置字体样式和字体颜色，这里设置了字体居中可以在网页中央显示
然后在<body>标签里编写内容，代码使用代码如下
<body>
<div class="box1">
<div>
<span class="big-black">沁园春·长沙</span>
<span class="small-blue">【毛泽东】</span>
</div>
<div class="blue">
独立寒秋，
<span class="small-green">湘江北去</span>
，橘子洲头。
</div>
<div class="red">
看万山红遍，层林尽染，
<span class="small-rad">漫江碧透</span>
，百舸争流。
</div>
<div class="blue">
鹰击长空，
<span class="small-blue">鱼翔浅底</span>
，万类霜天竞自由。
</div>
<div class="big-green">
<span class="red">怅寥廓，</span>
问苍茫大地，谁主沉浮？
</div>
<div class="blue">
携来百侣曾游，忆往昔峥嵘岁月稠。
</div>
<div class="big-green">
恰同学少年，风华正茂；书生意气，挥斥方遒。
</div>
<div class="blue">
指点江山，激扬文字，粪土当年万户侯。
</div>
<div class="red">
曾记否，到中流击水，浪遏
<span class="big-rad">飞舟？</span>
</div>
</div>
</body>
每段文字都写在<div>标签中，选定每段话的样式
最后得到的效果就是这样
然后我们来编写一个表单
最后的效果如下
表单列表练习就到这里，感谢您的阅读！
扫一扫
2933
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
