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>
这个很简单,成组使用即可,不多说什么了。
这是非常有用的一个标签,它可以使得最终显示效果以原始格式实现。请看以下代码和效果:
代码:
<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>
这个很简单,成组使用即可,不多说什么了。
相关文章推荐
- 详解HTML中的表格标签
- HTML中select标签单选多选详解
- JSP Struts之HTML标签库详解
- html常用标签:表格
- 表格标签属性详解
- HTML标签详解
- html表格详解
- PHP编程之HTML(表格标签)
- HTML-embed标签详解
- (25)HTML标签详解之<form><input><label><fieldset><legend>
- HTML中的<frameset>标签——框架详解
- HTML-embed标签详解
- HTML-embed标签详解
- HTML_<html>\<head>\<body>标签详解
- html系列教程--span style 及表格标签 title video
- HTML基础--表格标签 04
- web学习—html标签—超链接、表格
- D 01-HTML表格标签
- HTML参考系列(5)-表格标签
- html部分---a标签的用法、放置图片与表格;