首先我们可以使用表格相应标签和属性实现一个列表

 

 

 首先在<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>标签中，选定每段话的样式

最后得到的效果就是这样

然后我们来编写一个表单

 

 最后的效果如下

表单列表练习就到这里，感谢您的阅读！

 

更多推荐

使用Vscode简单编写html列表和表单标签,网页布局