html 颜色表-程序员进阶之路06-HTML中的body属性和table标签、集合

做全栈攻城狮——每天更新原创IT编程技术和日常实用视频。

主要内容: 这是HTML课程的第六课。 本课我们主要讲解HTML中body和table元素的属性。 我希望您能从本教程中学习。

回顾上一节

上一节我们主要讲解了超链接和图片的知识点,请点击上一节->基础网页后端开发教程05-在网页中插入图片和超链接,让界面更加绚丽

当然讲解的不是很全面,但是常用的HTML属性都讲解了,项目后期会做的。 这次我们直接解释一下HTML中的body属性和table元素。

PS:其实HTML很简单。 您只需根据对应的元素了解标签所指代的内容即可。 就像谍战片里的密码本一样,按照密码本写出对应的格式,直接写就可以了。 显示。 只需了解这些标签的样式即可。 自学 HTML 也是可以的。 最重要的是练习。

身体属性

正文是整个页面的主要元素。 我们将内容写入到body元素中,那么主体的背景颜色和背景图片如何设置呢?

让我们一一解释一下。 使用 Sublime 创建 HTML 文件。

设置背景颜色,属性为bgcolor,值为RGB颜色或该颜色的英文短语。

2.设置背景图片,背景图片仍然可以使用path方法写入HTML文件中。 该属性是背景,例如:

当然,本体的属性值比较小,几乎用不上。 将来,CSS将会用来取代那些东西。

床单

表格在网页中仍然非常常用。 例如html 颜色表,当基于每一行显示数据时,您需要使用表格。 所以你需要学习如何编写表格。

好,我们先建立一个最简单的中学生信息表:

其中table(表格)、tr(一行)、(一个单元格)。 这三个是形式的最基本要素。 并且上下层之间依次存在嵌套关系。

表中的属性

桌子的属性有很多,也正是因为这个属性,桌子才极其强大。 比如早期风靡一时的Hao123,就是用表格制作的。 OK 下一节我们也会自己模仿Hao123的第一个版本。

边界

边界就是边界的意思。 你在以后的学习中一定会熟悉这句话,因为这句话实在是太常用了。 border 有两个值 0 和 1.0 表示“无边框”html 颜色表,1 表示“有边框”。

单元格填充:

表示表格的内行距,即表格边框到上面内容的距离。

值越大,单元格表格框到内容的距离越大。

细胞间距

这是单元格之间的距离,值越大,单元格之间的距离越大。

对齐:

align表示单元格的对齐方式,将上面的内容水平对齐。 共有三个值:right(右)、center(中心)、left(左)。

列跨度、行跨度:

这是两个属性,分别表示行的合并和列的合并。 它的值是一个数字,表示要合并的单元格:

还有其他几个属性比如valign、bgcolor、width、height等在之前的课程中也提到过。

每天一个知识点带你成为软件编程高手,我们一起努力吧。 下一课我们一起来制作一个Hao123导航页面。