行、列、单元格单元格特点：同行等高、同列等宽。
表格的基本语法：
创建一个3行3列的表格：
单元格中内容的填充间距通过cellpadding(默认1px)属性来设置；
单元格与单元格之间的间距通过cellspacing(默认1px)属性来设置。
设置单元格的填充间距为10，单元格之间的间距为0，红色边框
一般表格的第一行是标题，并且是文本居中、加粗，将td换成th。
而某些数据需要居中，但不希望加粗，可以给td添加align="center"
表格的跨行跨列
有时，表格的结构并没有那么简单，可能会存在跨行和跨列的情况：
跨行：
跨列：
跨行、跨列并存：
这个问题看似很复杂，其实很简单，在制作跨行和跨列的表格时，只需按照如下步骤就可以轻松搞定！：
首先做一个完整的表格：注意虚线部分，最终去掉这些虚线就是我们要的效果
找出最左上角那个“侵占”其他单元格的单元格，如下图标注数字的位置
观察这个单元格“侵占”的是行还是列，算上自己总共是几个？(行数用r表示，列数用c表示)：
如果是行：在这个单元格上添加rowspan="r"
如果是列：在这个单元格上添加colspan="c"
如果既有行又有列：在这个单元格上添加rowspan="r" colspan="c"
把“被侵占”的单元格删掉，删除顺序：从右向左，从上至下，否则很容易出错！
按以上步骤完成一个跨行跨列的表格：
每天持续更新，点点关注不迷路哦~
<HTML><HEAD>
<TITLE>每天进步一点点</TITLE>
</HEAD>
<BODY bgcolor=#CCFFFF>
网页设计全方位学习
<hr>
<p>网站开发是一门新生的科学</p>
</BODY>
</HTML>
HTML语言的组成：
HTML文档由HTML，HEAD和BODY三大元素构成。
<HTML>是最外层的元素，表示文档的开始，浏览器从<HTML>开始解释
<HEAD>是HTML文件头标记符，即文档头。包含对文档基本信息（包含文档标题，文档搜索关键字，文档生成器等属性）描述的标记
<BODY>位于首部下面，用于定义一个HTML文档的主体部分，包含对网页元素（文本，表格，图片，动画和链接等）描述的标记。
HTML的语法：
HTML语法由标签（Tags）和属性（Attributes）组成。标签又称标记符，HTML是影响网页内容显示格式的标签集合，浏览器主要根据标签来决定网页的实际显示效果。在HTML中，所有的标签都是用尖括号括起来。
标签可分为单标签和多标签两种：
单标签：
单标签的形式为<标签 属性=参数>,
最常见的如强制换行标签<BR>，分隔线标签<HR>，插入文本框标签<INPUT>
双标签：
双标签的形式为<标签 属性=参数>对象</标签>
如定义“奥运”两个字为5号，颜色为红色的标签为：<font size=5 color=red>奥运 </font>
基本语法格式：<img src="图像 URL（路径）" />
src属性用于引入图片，指定图像文件的路径，包括绝对路径或相对路径（同级目录（同一文件夹）、上级目录、下级目录）
width和height属性分别用来设置图像的宽度和高度，单位为像素。
border属性用来设置图像的边框，单位是像素，0表示无边框。
基本语法格式：<table>
<tr>
<td>单元格内的文字<td>
</tr>
</table>
<table></table>用于定义一个表格，<tr></tr>用于定义表格中的行，<td></td>用于定义表格中的单元格（列）。
<th></th>也表示单元格，自动居中，加粗显示
常用的属性：
（1）<table>标记的border属性会为每个单元格应用边框，并用边框围绕表格。
如图，如果border值发生改变，那么只有围绕表格的边框尺寸会发生变化，表格内部的边框还是1像素宽（若改为0，则边框全无）。
（2）width、height：宽度、高度
（3）align：描述表格的位置（文字位置）
（4）cellspacing：描述边框的厚度
（5）cellpadding：描述表格内文字与边框的距离
（6）background：设置表格背景颜色
（6）bgcolor：设置单元格背景颜色
（7）rowspan：设置单元格竖跨的行数（合并）
（8）colspan：设置单元格横跨的列数（合并）
格式：<!-- -->
注释内容不会显示在网页中
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）