网页设计中的表格的制作

网页中基础表格的制作

首先，先了解一些基础的知识
表格基础属性
表格中列的合并语句 colspan=“要合并的列数”
表格中行的合并语句 rowspan=“要合并的行数”
表格的单元格之间的距离 cellspacing = “距离”
单元格的颜色设置 bgcolor=“颜色”
表格中表格边缘线的颜色设置 bordercolor=“颜色”
表格宽度的设置 width=“ ”
表格高度的设置 height=" "
单元格的锁定与解除 contenteditable=" true或者false"

表格代码

<!DOCTYPE html>
<html>
<head><title>表格</title>
</head>
<body><table border="1"  cellspacing="0"  bodercolor="black">/*cellspacing="0 单元格边缘线之间的距离为0*/<caption>表格示例</caption><tr><td colspan="2">占两列</td>/*可以colspan="2"后添加width和height来控制单元格大小，也可以添加bgcolor来给单元格添加颜色*/<td>示例</td></tr><tr><td rowspan="2">占两行</td><td>示例</td><td>示例</td><tr><td>示例</td><td>示例</td></tr></tr></table>
</body>
</html>

如上所示代码所实现的表格内容

如有错误与不足，欢迎私信或讨论指正

网页设计中的表格的制作相关推荐

html怎样设计竖着的表格,在html网页设计中如何制作表格？
在我们的一个日常的学习Web前端知识中遇到的问题肯定的比较多的,那么今天我们就来讨论一下在html网页设计中如何制作表格?吧! 步骤如下: 1.首先我们向在Web前端开发工具中新建一个 .html 文 ...
东方时尚网上约车的用户名密码是什么_网站制作要学什么、在现代网页设计中，动效常见的几种用法...
常听到有人这样问:"网站制作要学什么"和"在现代网页设计中,动效常见的几种用法"有什么关系和内在关联?导航设计是网页可用性的基石.记住,如果用户在您的网站里找不 ...
html艺术字在线制作,HTML网页设计中的字体设计
HTML网页设计中的字体设计字体(Font)的设置是网页制作新手遇到的第一个难点.如何控制字体大小,如何取消超链接字体的下划线是网友来信问得最多的.好,我们来彻底研究一下字体的各个方面: 一.字符集 ...
论文计算机动态网页的制作,计算机动态网页设计中多元素应用网页设计论文（范文1）...
<计算机动态网页设计中多元素应用[网页设计论文].doc>由会员分享,可免费在线阅读全文,更多与<计算机动态网页设计中多元素应用[网页设计论文]>相关文档资源请在帮帮文库(ww ...
ps在html中的应用程序,Photoshop在网页设计中的应用
[关键词] Photoshop:网页:实例:布局 [中图分类号] G623.9 [文献标识码] C [文章编号] 1004―0463(2016)23―0120―01 随着信息技术的发展,网页制作成为时 ...
photoshop 切片 html 图片路径,PS网页设计中切片使用教程
第12章网页设计中的应用 ps是设计行业的"全能型选手".除了在传统设计中起到了中流砥柱的作用,在网页设计行业也有很好的表现.使用ps的网页设计工具及相关功能,可以轻松创建网站图像 ...
缩略图在网页设计中应用的35个优秀案例
这篇文章向大家推荐35个缩略图在网页设计中应用的优秀案例,希望下面这些网页设计实例能够帮助大家制作出更加优秀的网页作品. Shropshire Screen Arnaud Beelen Two Fis ...
网页设计中分栏布局的几种实现方案
在网页设计中,分栏布局是常用的布局手法,一般有两栏布局,三栏布局.这其中又以部分栏固定,部分栏自适应的方式最为常见.下面我们先以常见的三栏布局开始,描述一下常用的几种实现方案. 三栏布局三栏布局最常 ...
ps在html中的应用程序,Photoshop在网页设计中的应用与方法
现在已经进入数字化信息时代,随着网络的飞速发展,人们的生活逐渐迈向了新时代,无法想象,哪天没有了网络会怎样,呵呵,开个玩笑了,网络只会一天比一天精进,所以网络知识的普及是必须的! 1.图像局部截取和图 ...

网页设计中的表格的制作

网页设计中的表格的制作相关推荐

最新文章

热门文章