| |
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
-> 开发工具 -> 使用Vscode简单编写html列表和表单标签,网页布局 -> 正文阅读 |
|
[开发工具]使用Vscode简单编写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>标签中,选定每段话的样式 最后得到的效果就是这样 然后我们来编写一个表单 ? ?最后的效果如下 表单列表练习就到这里,感谢您的阅读! ? |
|
|
上一篇文章 下一篇文章 查看所有文章 |
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年12日历 | -2024/12/24 9:58:16- |
|
网站联系: qq:121756557 email:121756557@qq.com IT数码 |
数据统计 |