您的位置:首页 > Web前端 > HTML

html表格标签详解

2015-03-27 11:24 225 查看
一、格式预设:<pre>内容</pre>

    这是非常有用的一个标签,它可以使得最终显示效果以原始格式实现。请看以下代码和效果:

代码:

<pre>   1236  -1207--------     29 </pre>效果:   1236  -1207--------     29     论坛里,有时我们需要精确地对齐某些元素,pre标签能够帮上大忙,它能令效果比在设计模式下用空格符移动显示符号更准确。

    二、对齐:align

    align作为一个元素放置在相应标签里令被该标签修饰的显示单元按指定方式对齐或在图文混排时定义图片与文字的对齐方式。

    先介绍前者,即被修饰单元的对齐方式。这种情形,align通常有三个值可以选择:left(左对齐)、center(居中)、right(右对齐),记作align=值。align不能独立使用,它要放在相应的标签里,如放在<table ...>里,则令表格按取值情况对齐,<table ... align=center>一句,将令表格居中;再如放在<p>标签里,则令<p>...</p>里面的内容按指定值对齐,<p laign=right>文字</p>将使文字右对齐。align的这种用法还可以用于<div>、<hr>等标签里。

    而当align用于<img>(图像标签)里时,它所指的是图片与文字的对齐方式,其值比较多,现解释如下:

    left:图片位于文字的左边。例:


黑马在线动力     right:图片位于文字的右边。例:


黑马在线动力     top:后面的文字与图片的顶站对齐。例:


黑马在线动力     bottom:后面的文字与图片的底部对齐。例:


黑马在线动力     middle:后面的文字与图片的中间对齐。例:


黑马在线动力     absmiddle:后面的文字与图片的绝对中间对齐。例:


黑马在线动力     更多的img标签里的align元素请参阅其他资讯。

    三、缩进:<blockquote>

    blockquote将例被修饰的对象往右边缩退,记作<blockquote>内容</blockquote>,以下效果是这样的语法实现的(用了两个缩进单位):<blockquote><blockquote>黑马在线动力……</blockquote></blockquote>

黑马在线动力是一个综合性网站,有PC动力、原创大厅、情感小屋、读书角、音画广场和音乐岛六个栏目,网站还开设有听歌台主站。

    当然,你也可以用空格符号实现缩进(代码记作: ),但它只管左边的,对右边没有影响,而blokcquote标签是有的。

    四、居中对齐:<center>内容</center>

    这个很简单,成组使用即可,不多说什么了。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: