计算机软件

使用HTML表

在HTML中,有这么多的元素,和他们每个人在自己独特的方式。 表 - 非常有趣,流行的和严肃的主题。 多亏了她,你不仅可以提供一个方便的形式的信息,而且要建立一个网站的框架。

此前,几乎所有的网站管理员使用表格排版是网站。 最初,该表不拿出。 因此,我们必须使用一个块的div元素,以纪念网站。

如果你不希望永远是一个新手,立即得到用于正确做好每一件事。 这是HTML语言非常重要。 该表应放在只有平时的信息(文字,链接,列表,图像,等等。P.),而不是整个网站作为一个整体。

如何使一个表HTML?

表 - 的复合元件,其由大量的其他元件。 请记住,在创建单元格或行的时候总是立即需要把关闭标签。 否则会飞翔。 处理程序在浏览器将寻找元素的结束,直到他发现它,一切都将继续在表中包含。 其结果将是粥。

如果你写的“记事本”一个网站,那么一切都将有自己的双手做。 如果在最后的编辑器,通常有一个按钮 - “插入表格”,“插入图片”等。

实施例2表2中。

<表宽度= “100%”的边界= “1”>

文本用于第一小区的第一行

第一小区的第二行的文本

第二行的所述第一小区的文本

第二行的所述第二小区的文本

标签

和指示表的开始和结束。 标签和 - 开始和行尾。 在同一行中可以是任何数目的由标签,有一个附加的标签
定义的细胞。

主要原则是:每行单元的数量必须相同。 这是一张桌子。

但是,如Word和Excel的编辑器,可以将细胞相互结合。

如何结合细胞的表?

合并和使用colspan属性ROWSPAN属性。 跨度被翻译为“覆盖”或“重叠”。 字面意思 - 覆盖/关闭电池/行。

此属性的值必须指定多少行或单元格将被阻止。 下面是使用两者的说明性示例 HTML属性 在表中。

在这个例子中,第一行3合并使用属性合并单元格=“3”细胞。 然后,第二串的第一单元在四行拉伸。 请记住,拉伸/只组合在第一个单元格。 她的财产被传播上。 所有这一切到来之前,将不会受到影响。

如果你要合并为2-4个细胞,那么你只需要在小区2号指定属性合并单元格=“3”。

注意在上面的图中的时隙号9。 立即有汇集和单元格和行。 不禁止这种行为。

再看另一个例子,以确保信息。 由于一些混淆和属性,而不是有时组合单元的行。

表格式

以HTML的一个普通的,标准的情况下。 表中的每个的两个单元的两行。

的代码将是如下。

正如你所看到的,有没有影响。 您可以添加一个框架,指定的宽度和高度。

您也可以与对准玩。 它可以在高度和宽度方向对齐。

对齐水平对齐,并VALIGN - 垂直。 这是这样的结果。

属性align和VALIGN可以应用到整行。 然后,所有的都在它的细胞将受到这些属性。

除了标签

。 事实上,它是类似物,但它仅用于在第一行和是标题。 默认情况下,在为中心并以粗体文本。

如何样式连接表?

像任何 标记HTML, 该表可以通过风格来转换。 您需要指定在头样式文件<链接相对=“样式的” href =的http://网站/article/255972/%E2%80%9Cstyle.css%E2%80%9D类型=“文/ CSS”>或准备风格(如头说)。

...

<风格类型= “文本/ CSS ”>

表{

FONT-FAMILY:宋体,宋体,黑体,无衬线;

颜色:#000000;

}

.my_class

{

颜色:#666666;

}

...

如果指定了表,那么这种风格将适用于网页上的所有表。 当然每个人。 但是,如果使用第二种方法,这表示这些点的任意名称,那么这种风格可以应用到任何需要的表,而不会影响其他。

<表类= “my_class”>

请注意,类可用于为表标签和特定的单元格或行。

<表类= “style_table”宽度 = “ 100%”的边界= “1”>

第一小区的第一行的文本

第一小区的第二行的文本

第二行的所述第一小区的文本

第二行的所述第二小区的文本

如果艺术家某处错误的风格,结果就看不到。 但是,如果在风格上有错误,但名称是一样的,效果也不会。 每个逗号或结肠起着重要的作用。

在表中其他属性

什么属性可以在风格类中写的? 有专门适用于该表的许多属性。 考虑哪些最基本的是非常有用的。

对齐

水平对齐

VALIGN

垂直对齐

背景

在小区/表背景图像

BGCOLOR

的背景色 的细胞

BORDERCOLOR

镜架颜色表/细胞

高度

单元格高度

NOWRAP

禁止在字符串文本换行。

宽度

将细胞/表的宽度

正如你所看到的,使用HTML表格中可以是“工具”一个巨大的数字。

美丽的使用HTML表格创建的。 例子

由于款式,你可以创造出各种美丽的表。 这一切都取决于你喜欢什么,以及如何。 这就像烹饪。 该成分是相同的,而更多的选项有很多食谱。

正如你所看到的,如果你使用的HTML标签,该表可以转化面目全非。 可能限制你的想象力确定。

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 zhcn.unansea.com. Theme powered by WordPress.