JavaScript程序设计基础教程第2章 HTML文档.pptVIP

文字标记 默认情况下，所有浏览器对标题都采用左对齐格式，但可以使用对齐属性Align，使标题右对齐或居中，下面举例说明。 右对齐，代码如下： h1 align=right我喜欢学习JavaScript/h1 居中显示，代码如下： h1 align=center我喜欢学习JavaScript/h1 2．文字格式标记font…/font 在网页中普通文字信息是必不可少的，为了使页面效果变的更加美观，可以使用文字格式标记改变枯燥的文字信息。文字格式标记用于设置文字大小、字体效果和文字颜色，其常用的属性及其说明如表2.1所示。 课件制作人： 文字标记 3．文字样式标记 在浏览页面时，常常可以看到页面中会出现一些特殊样式的文字，例如粗体字、斜体字、带删除线的文字等。这些样式可以使用HTML文档提供一些文字样式标记来实现。常用的文字样式标记及说明如表2.2所示。 课件制作人： 文字标记 例2.7 下面使用文字样式标记，将文字样式设置为粗体、斜体、带删除线和上标样式，程序代码如下。 html head meta http-equiv=Content-Type content=text/html; charset=gb2312 / title文字样式标记应用/title /head body b粗体样式/b i斜体样式/ip s删除线样式/s sup上标样式/sup /body /html 在浏览器中预览网页，效果如图2.9所示。 课件制作人： 段落标记 为了使网页中的文字更有条理地显示出来，可以使用HTML文档中的段落标记和换行标记来使文字段落更加分明规范。下面对段落标记和换行标记进行介绍。 1．段落标记p 在普通的文本编辑器中，每输入完一段文字后，可以使用〈Enter〉键生成一个新的段落，在HTML文档中可以使用段落标记p来实现。段落标记可以没有结束标记/p。 也可以采用除p以外的其他段落标记，以达到不同级别格式的效果，如表2.2所示。 课件制作人： 段落标记 在以上段落标记中也可以使用对齐属性Align。 例2.8 下面代码将应用几种段落标记。 html head meta http-equiv=Content-Type content=text/html; charset=gb2312 / title应用几种段落标记/title /head body h2 align=center标题居中/h2 p align=center正文居中/p pre 程序代码1 程序代码2 /pre address 地址：长春市二道区东盛大街89号亚泰广场C座2205室 /addres /body/html 在浏览器中预览网页，效果如图2.10所示。 课件制作人： 段落标记 2．换行标记br 在页面中一行文字达到一定长度浏览器会对其自动换行，如果文字未达到一定长度可以使用换行标记br对其强制换行。换行标记可以没有结束标记/br。 例2.9 下面使用换行标记br将一段文字分成三行，代码如下。 html head meta http-equiv=Content-Type content=text/html; charset=gb2312 / title换行标记/title /head body 吃别人吃不了的苦,br做别人做不了的事，br享受别人享受不到的快乐！ /body/html 在浏览器中预览网页，效果如图2.11所示。 课件制作人： 列表标记 列表是比较常用的数据排列形式，对比较复杂的数据通过使用列表，可以使数据变得更加清晰。下面将介绍在网页中的两种列表标记，无序列表标记和有序列表标记。 1．无序列表标记 无序列表标记用于提供一种不需要编号的列表形式。在每一个项目文字前，以符号作为每项的表示。 语法： ul li第一项 li第二项 li第三项 … ul ul/ul标记表示一个无序列表的开始标记和结束标记，li表示一个项目的开始。ul标记常用属性为type，此属性表示无序列表的项目符号样式，其属性值如表2.3所示。disc为默认值。 课件制作人： 列表标记 例2.10 下面应用无序列表标记显示图书种类信息，代码如下。 html head meta http-equiv=Content-Type content=text/html; charset=gb2312 / title无序列表标记的应用/title /head body h3图书种类/h3 ul type=circle li计算机类/li li教材类/li li杂志类/li li文学类/li /ul /body/html 在浏览器中预览网页，效果如图2.12所示。 课件制作人： 列表标记 2．有序列表标记ol…/ol 有序