表 - 其中最重要的一个,但在同一时间复杂的元素必须出现在网页上。 在他们的帮助很是方便在一个相当简洁的形式应用的重要和有用的信息。 当然,大多数编辑模板,不同的发动机工作时,会自动插入一个表格到您的网站或单独的出版物,但如果网站设计资源,从头开始创建其网页是什么? 那么新手主可能会得到一个问题:如何使一个 表中的HTML。 让我们看看如何快速准确地创建项目。
选择编辑器
首先,在开始创建一个表,你应该定义将在其中工作的编辑器。 当然,最简单的方法,以选择在其中创建一个基本的网站代码的程序。 但最好是用于此目的的好旧记事本。
你可能会问,为什么复杂的生活,因为如果你就在编辑器中所做的一切,那么结果可以立即看到过,甚至还提示使用该程序。
是的,这是事实,但从头开始创建一个表,你将不仅能够彻底检查其创作的原则,还要防止尴尬的错别字和错误的底层代码。 有时会发生偶然的机会,将光标向下移动,并在错误编写代码的过程中逐渐在,有时很难找到。 在笔记本上创建一个表,你可以将代码复制并粘贴在你的地方。
该算法创建表
首先,做一个简短的算法,如何使一个表中的HTML。 这是为了确保你了解每一步的序列。 然后分析究竟如何执行每个项目。
让我们开始准备行动。
1.绘制在纸上表格图像的示意图。
2.计数行和细胞的数目。 如果不同以往的数量 - 单独考虑每个ryadochka的。
3.确定在行头的细胞(例如,«№»细胞,“名称”和吨。D.)的数目。
4.记下表中的主要参数 - 颜色,高度和宽度,文本对齐方式 - 总之,一切,你似乎契合。
然后直接去创建表:
1.插入标记表中。
2.将根据你所需要的量线的标签。
3.行插入细胞(正常和大写)的标签,也已记录在纸上的量的基础上。
4.为整个表中的参数。
5.如果您需要为单个细胞的参数。
6.在我们的单元格文本填写。
创建一个表
所以,你选择的编辑,现在让我们来看看如何在HTML中创建一个表。 标签,其允许表(
)被插入到所述网页代码配对,即,我们的施工开始与该标签,并用 TABLE>结束。
插入标签表,继续创建行和单元格。
现在,我们注意到,这些元素也配对。 标签
定义了一个串,且| - 细胞。
为上层的细胞应使用成对的元件 | 。
如已经提到的,第一步骤是画一条线,那么他们必须寄存器单元。 为了避免混淆,最好是做各块之间的任何填充在一个或两个线,或者规定通过使用“Tab”键的新块的元素。
它怎么能是什么样子? 事情是这样的:
- <表>;
-
; -
№P / P 次>; -
名称次>; - TR>;
-
; -
| 1 | ; -
诺夫 TD>; - TR>;
- TABLE>。
正如你所看到的,没有什么复杂了。 最主要的 - 不要迷失在行和细胞的数量。 否则,该表是倾斜的。
我们正在拆除中的HTML创建一个表,现在我们可以移动到两个矩阵及其行和单元格的参数。
表选项 当代码被写入时,既要注意以下几点:排列在 表中的HTML,颜色 的边框,背景,文字等。
的参数表中的标签 指定。 这些措施包括:
1.边框 - 边框的宽度。 一个整数定义。 默认情况下,任何表格边框消失。
2. BORDERCOLOR - 边框的颜色。 它可以作为十六进制颜色(#00008B),以及他对angliykom名(DarkBlue)。 默认情况下,它始终是灰色的。
3. BGCOLOR - 背景颜色。 正如代码或名称指定。
4.对齐 - 对齐对于表中的文本。 默认 - 在左边。 有此参数的下列选项:
- 左 - 右包装;
- 向左向右-obtekanie;
- 中心 - 在没有流程中间的输出表。
5.宽度和高度 - 宽度和表中的高度。 它可以是在像素或为百分比(相对于浏览器窗口大小)。
规定一个特定的指标,你应该特别注意的设计。 指定参数去符号“相等”,之后,在引号表示的预定值之后。
至于文字的颜色,然后做出来它以同样的方式在HTML格式的纯文本。
一个表的例子:
- <表边界= “2” BORDERCOLOR = “#00008B” BGCOLOR = “#FFFFFF” ALIGN = “中心” 宽度= “800” HEIGHT = “800”>;
-
; -
№P / P 次>; -
名称次>; - TR>;
-
; -
| 1 | ; -
诺夫 TD>; - TR>;
- TABLE>。
参数行 因此,我们已经想出如何使一个表中的HTML,并规定其主要参数。 但是,如果我们有什么需要分配一个字符串? 检查出她的不作为表的主体?
线参数被写入在相同的方式中的数据表中的标签 | 。 排队以下变量可以被定义为:
1.已经知道你的边界,BORDERCOLOR和BGCOLOR。
2.对齐 - 对齐行文字。 它可以设置为左,中,右。
3. VALIGN - 标记对齐垂直文本。 它采用下列值:
- 顶 - 文本对准于上边界;
- 中间 - 中间;
- 底 - 底边缘。
示例行间隙:
-
; -
№P / P 次>; -
名称次>; - TR>。
参数细胞 和过去的事情,你应该注意那些谁希望知道如何在HTML表格 - 单个细胞的参数,正常和资本。 事实上,一切都以同样的方式作为一个表或行完成。 只有增加了两个重要的因素:
1. colspan属性 - 该参数指定的量,细胞可延伸的列数。
2.行跨度 - 已经表明该小区占用的行数。
由于设计是从处方线没有什么不同,它不会导致样品代码。
发现 做一个表格是并不困难,因为它可能乍一看。 毅力和关注 - 它编写代码时最主要的。
至于如何在HTML中插入一个表格,然后它的代码数量足以复制并粘贴到您的地点页面,其中,在您看来,应该放置。
不要害怕尝试,很快你完全掌握了创建表的技术。 祝你好运!
| |
| | |
| | | |
|