2021年2月8日发(作者:label是什么意思)
官方论坛:
简单布局代码的编写
1
大家好,
今天这节课主要是来讲解表
格布局,
首先,
我先来说说表格的优点和缺点,
先讲缺
点吧,难以统一代码管理,复杂布局容易出现全局乱套,代码繁多不简洁
,这是缺点,优点
呢?布局简单,
不需要什么专业知识,
简单网页布局首选,
效率颇快,
各种复杂布局
也可完
成,现在就来学习表格吧。
什么是表格,
表格就是咱门经常看到的数据表,
例如学习成绩单,宣传单等,
例如一格放一
个内容,
就形成网页了,
首先还是把几句固定的代码先写出来吧,记事本打开,
然后编写这
<
br>段代码:
这里是
网页的标题
如图:
大家到浏览器去看,是没有效果的,为啥呢?我来解释一下
是什么意思。
这个标签的意思就是告诉浏览器,我新建一个表格,
这个标签就是告
诉浏览器,这个表格是一行(一个
tr
代表一行)
就是告诉浏览
器,在这一行中,这是一个单元格
(
一个
td
代表一个单元格
)
这样说好乱,
在浏览器中也显示不出来,
怎么知
道几行几格呢?我们如何让表格显示边框是
很重要的,
所以,<
/p>
此刻我们必须为表格添加边框后才能解释,
如何给表格添加边框呢
?答案
就是在
里添加属
性,代码如下:
上一节已经学过属性了,这节课我就不重复讲了,其中
border
这个属性的值是
1
,那么就代
<
br>表边框的宽度是 1
,如果是
2<
/p>
,或者更多,那么表格边框会很大,如图:
我们这时候再到浏览器去看一看:
那得加点内容给表格,加点什么好呢,代码是:
这可是第一行第一
个表格
|
,
如图:
此刻保存后到浏览器就可以看到结
果了,
但是注意,
我们接下来要讲属性了,
别以后讲属性 的时候有点难了,居中,左对齐,右对齐,这个可以不讲,因为这属性
早讲过了,不过代码
我还是要给大家参考一下,
这个就不演示了
,
打字慢,
请理解,
那么还有什么属性
呢?首先是表格的背景颜色问题,
先
说我为什么要弄这个,因为
我们今天讲解下面这个导航条,如图:
这个导航条我们今天不能做的,就
是那细边框,为啥,这已经属于
CSS
高级布局了,而我
多次说过,基础开始讲起,所以遇到新手无法承受的,就必须先略过,希望大家理解,再回
p>
过头来讲讲背景颜色问题
,
如何弄背景颜色
呢?
代码就是
bgcolor 这个属性,看起来好长啊,晕倒,菜鸟先别晕,建议拿个记事本存起
来就
好了,以后你用工具,这代码不用你打滴,工具帮你,那老师,为什么现在不用工具
呢?呵
呵,
用了工具你还会去研究代码吗?用了工具你还会手写
代码吗?遇到问题你怎么办呢?所
以,请研究代码,好了,请看这段代码:
bgcolor= 里面的数值就是颜色的十六进制,到哪里获取?先说说我是怎
么
搞来的,你可以下载个
PS
,或者<
/p>
FLASH
,或者其他,然后可以提取颜色的,例如
PS
,如
图,没下载的请无视!
! !
我还知
道
bgcolor=
是红色
,bgco
lor=
是蓝色,因此英文单词应该也行的吧。
。
。
。
不多说了,看图:
- - - - - - - -
简单布局代码的编写1的相关文章
-
1.关于爱心和尊严的作文八百字 我们不必怀疑富翁的捐助,毕竟普施爱心,善莫大焉,它是一 种美;我们也不必指责苛求受捐者的冷漠的拒绝,因为人总是有尊 严的,这也是一种美。
-
1.关于爱心和尊严的作文八百字 我们不必怀疑富翁的捐助,毕竟普施爱心,善莫大焉,它是一 种美;我们也不必指责苛求受捐者的冷漠的拒绝,因为人总是有尊 严的,这也是一种美。
-
1.作文关爱与尊重议论文 如果说没有爱就没有教育的话,那么离开了尊重同样也谈不上教育。 因为每一位孩子都渴望得到他人的尊重,尤其是教师的尊重。可是在现实生活中,不时会有
-
1.有关爱心,坚持,责任的作文题库各三个 一则150字左右 (要事例) “胜不骄,败不馁”这句话我常听外婆说起。 这句名言的意思是说胜利了抄不骄傲,失败了不气馁。我真正体会到它
-
1.有关爱心,坚持,责任的作文题库各三个 一则150字左右 (要事例) “胜不骄,败不馁”这句话我常听外婆说起。 这句名言的意思是说胜利了抄不骄傲,失败了不气馁。我真正体会到它
-
1.有关爱心,坚持,责任的作文题库各三个 一则150字左右 (要事例) “胜不骄,败不馁”这句话我常听外婆说起。 这句名言的意思是说胜利了抄不骄傲,失败了不气馁。我真正体会到它
|