做全栈攻城狮-逐日更新原创IT编程技能及日常实用视频。

紧张内容:这是HTML课程的第六课,在这节课程中紧张讲解一下HTML中body的属性,以及表格元素。
希望大家根据这个教程可以学习一下。

上节回顾

htmlbody背景图要求法式员进阶之路06HTML中的body属性及表格标签珍藏 CSS

在上节中紧张讲解了超链接和图片的知识点。
上节请戳->网页前端开拓根本教程05-网页中插入图片和超链接,界面更绚丽

当然讲解的并不是很全面,只是把常用的HTML属性进行讲解了出来,在后期会进行做项目,到时候,直接回顾一下,立时就能搞懂了。
这次直接讲解一下HTML中的body属性以及表格元素。

PS:实在HTML这个东西很大略,只须要根据对应的元素,学会标签指的是什么就可以了,就和谍战片中中的密码本一样,按照密码本书写对应的格式,写上去就能直接显示了。
只是学会这种标签的样式而已。
自己学习HTML也是可以的。
最主要的还是进行实践。

body的属性

body是全体页面的主体元素,我们把内容写入到body元素中,那该当如何设置主体的背景颜色、背景图片呢?

下面就逐一来讲解一下。
利用Sublime创建一个HTML文件。

设置背景颜色,属性为bgcolor,值为RGB颜色或者颜色的英文单词。

2.背景图片设置,背景图片还是可以用路径的办法写入到HTML文件中。
属性为background例如:

当然body的属性值,比较少,而且险些不太用,在往后的时候要利用CSS代替这些东西。

表格

表格在网页中还是很常用的,比如在按照每行数据进行展示的时候,就须要用到表格啦。
以是就须要学习一下表格该当如何写。

OK,我们先建立一个最大略的学生信息表:

个中table(表格)、tr(一行)、(一个单元格)。
这三个时表格最基本的元素。
并依次有个高下级嵌套的关系。

表格中的属性

表格中有很多属性,正是由于有了这些属性,才让表格无比强大。
比如在老早的时候,风靡一时的Hao123便是利用表格进行制作的。
OK不才节中咱们也会自己制作一个模拟的Hao123初版,通过table制作。

border

border是边框的意思,在往后的学习中你肯定会对这个单词不陌生,由于这个单词真的是太常用了。
border有两个值分别为0和1.0表示“没有边框”,1表示“有边框”。

cellpadding:

这个表示的是表格的内边距,也便是表格的边框到里面的内容的间隔。

数值越大,单元格的表框到内容的间隔越大。

cellspacing

这是单元格和单元格之间的间隔,这个值越大,单元格之间的间隔越大。

align:

align表示的是单元格的对齐办法,对里面的内容进行水平的对齐,其值有三个分别为right(右)、center(居中)、left(左)。

colspan、rowspan:

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

还有其他几个属性例如:valign、bgcolor、width、height等在前课程中也讲过了。

每天一个知识点,带你迈向软件编程大神,一起努力吧。
下节课程,我们一起做一个Hao123的导航页面。