专业编程基础技术教程

网站首页 > 基础教程 正文

电脑绝技教你22天学精Csharp之第十八天HTML和CSS补充3

ccvgpt 2024-10-16 08:24:25 基础教程 8 ℃

电脑绝技教你22天学精Csharp之第十八天HTML和CSS补充3

HTML背景——body属性

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

<body text="white">

text属性(文本的颜色)

<font color=“black”>我很帅啊</font></br />(随便玩的深水炸弹)

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

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

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

bgcolor属性(背景颜色)

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

<body text="white" background="帅照.jpg">

<center><img src="帅照.jpg" ></center>

HTML列表

无序列表unorder(圆点)(<ul><li>第一个</li><li>第二个</li></ul>)

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

有序列表order(数字)(<ol><li>第一个</li><li>第二个</li></ol>)

通过type属性来改变

自定义列表

<dl>项目号,解释<dt>c#</dt><dd>很基础的内容</dd></dl>

HTML表格

为什么要使用表格:

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

表格应用场合

HTML表格——语法

<table border=“1”>

<tr>

<td>单元格内容</td>

</tr>

<tr>

… …

</table>

演示下面的例子

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

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

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

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

练习6

跨行跨列的表格

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

跨列的表格

演示上面的表格实现

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

跨行的表格

演示跨行的表格的实现.

使用rowspan属性来实现

练习

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

Tags：

猜你喜欢

最近发表
标签列表