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">
<
相关文档:
这个在做网页中常要用到,有些通用的内容可集中放在一个页面文件中,其它要用到这些内容的页面只需要包含(引用)这个通用文件即可。这样便于维护,如果有很多网页,当通用内容需要修改时,只改一个文件就可以了,不需要每个文件单独修改。
最典型的应用比如页脚的版权信息等内容可以放在一个叫做footer.html文件里, 然 ......
滚动字幕会让很多人感到兴奋,特别是第一次使用滚动字幕时,会爱不释手。现在做一个详细的方案,让你更全面地了解一下。
滚动字幕在FrontPage的组件里有,但是FrontPage这个软件只能支持单行文字,一出现多行文字它就无能为力了,而且它只能支持一行滚动!(如果出现只能滚动一行的情况,解决办法是把这段代码嵌入到Java ......
上一章我们学习了“表格”的基本用法,可以看到,表格将内容以行列方式进行组织布局,可以让网页的阅读者非常容易的获取到信息。
这一章我们介绍两种列表,所谓列表就可以看作为表格的一列,可以把一类内容组织在一起。
有了前面的基础,列表很好掌握,只需要记住一些标签和属性即可。
----------------
单列 ......
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<title>CSS</title>
<style type="text/css">
<!--
*{margin:0;padding:0;}
body {
fo ......