html 无序表方块_电脑绝技教你22天学精Csharp之第十八天HTML和CSS补充3

本文介绍了HTML中body元素的基本属性,如文本颜色(text)、链接样式(link, alink, vlink),以及背景设置(bgcolor, background)。此外,详细讲解了无序与有序列表、表格的使用及其布局技巧,包括跨行跨列。适合初学者理解HTML和CSS布局基础。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

a8683ee2a71548e203a85ce6ec40128a.png
0b3b83812692a7025a7df7cb0289dc23.png

HTML背景——body属性

(后面用样式表,样式表强大的多)

text属性(文本的颜色)

我很帅啊(随便玩的深水炸弹)

link属性(连接的颜色)(如果把这个改成白色谁都看不见…很无语啊)

alink属性(active 点击的时候连接的颜色)

vlink属性(visited点击之后的颜色)

bgcolor属性(背景颜色)

background属性(背景图片,平铺)

HTML列表

无序列表unorder(圆点)(

  • 第一个
  • 第二个
)

square(方块) circle(小圆圈) disk(小圆点)

有序列表order(数字)(

  1. 第一个
  2. 第二个
)

通过type属性来改变

自定义列表

c#
很基础的内容

HTML表格

为什么要使用表格:

在 HTML 文档中,广泛使用表格来存放网页上的文本和图像进行布局

35a787b7ec49cdd0c2c79076b40b080d.png

表格应用场合

050d8fdbd6a30cb3f82ac1ee997840cd.png

HTML表格——语法

单元格内容

… …

演示下面的例子

3a28a3d568ed065c6e9a2e20269b8145.png

表格中的文字也可以添加超链接

表格中的文字也可以更改颜色,设置字号

试试把table的border属性删掉会怎样?

建一个一行两列的表格,左边放一个图片,右片能放多行文本吗?

练习6

342b3e3c918db6fe08eb074f4c08404d.png

跨行跨列的表格

什么是跨行跨列的表格,使用colspan和rowspan属性

2da423bbb9bb7967579606faad8fe1dc.png

跨列的表格

d9fe11b571e504ab2a1eda0802dd2628.png

演示上面的表格实现

跨列的表格,使用colspan属性来实现

跨行的表格

0d58cd2e07afd00920e9e7c59070c1c9.png

演示跨行的表格的实现.

使用rowspan属性来实现

练习

练习3:跨行跨列。学生成绩表格、学生基本情况表格

ab86075a3a662fc3ff0a61087f88e8ae.png
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值