Web开发 第一部分 HTML教程基础(十一)其它块标签
这里说的其它标签,主要是要配合后面讲的CSS样式表来使用的,如果没有样式表,则这些标签显示效果不明显。
这里我们先把这些标签记住。
------------
组合标签
span标签是一个组合标签,作用是将连续的元素(如一段文本类型元素)通过该标签分成若干个子元素。
和p标签不同,默认情况下span标签内的文本不会附加任何特殊的样式。只有而通过CSS样式表,则可以让处于不同span标签内的文本显示不同的外观,并且可以将文本细分成不同的文本段,使用起来比font标签更为灵活。
查看如下代码:
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
</head>
<body>
<p>这是<span>一个</span><span>测试<span>span标签</span>的例子</span></p>
</body>
</html>
查看运行结果,可以发现,有没有span标签对于显示结果不会产生任何影响。
------------
层标签
div标签是一个层标签,起作用是定义页面的某一块区域,约束其子元素的显示必须位于这块区域中。对于不使用CSS样式表的情况下,div标签仅起到一个让内容换行的作用。
查看如下代码:
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
</head>
<body>
<p>这是<div>一个</div><div>测试<div>div标签</div>的例子</div></p>
</body>
</html>
查看运行结果,在本例中,div标签内的文本除了换行外,并无其它作用。但它不像p标签那样在换行位置插入空白。
------------
分组标签
fieldset标签的作用是显示一个分组的块,块内可以包含其它元素。
看如下代码:
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<
相关文档:
原文地址:http://www.cnblogs.com/penny/archive/2008/09/01/1281293.html
看完此文请再看看<<提高你的DHTML性能>>
动态创建HTML内容除了用 document.write()和document.innerHTML()以外,还可以用DOM提供的方法:
createElement()和createTextNode()
1.先来说说DOM提供的createElement()和createTextNod ......
<table border="1" style="empty-cells:show; border-collapse:collapse;">
<tr><td>111</td><td></td>
<tr><td></td><td>2222</td>
<table>
attention:
style="empty ......
对于很多初学HTML的人来说,表格是最常用的标签了,但对于表格边框的控制,很多初学者却不甚其解。
一般我们用表格的时候总会给它个border属性,比如:<table border="1">,其效果如下:
ID
NAME
GENDER
1001
mike
male
可以发现表格的边框好像很宽,当然这里的“很宽”绝对不是表格border的宽,大 ......
Frame框架现已不怎么常用,给个例子以展示其属性。
frame例子:
<frameset cols="50%,*">
<noframes>
<body>
Sorry,your explorer doesn't support the frame...
</body>
</noframes>
<frame name="left" src="left.html">
<frameset rows="*,30%">
<frame name=" ......
上一章我们学习了“表格”的基本用法,可以看到,表格将内容以行列方式进行组织布局,可以让网页的阅读者非常容易的获取到信息。
这一章我们介绍两种列表,所谓列表就可以看作为表格的一列,可以把一类内容组织在一起。
有了前面的基础,列表很好掌握,只需要记住一些标签和属性即可。
----------------
单列 ......