动态网页制作与编程_2_HTML代码资料讲诉课件.ppt

* 4 格式化类标签（续上） 4.3 字符格式标签 格式：font……/font 说明：该标签可以文字的字体、字号和颜色。 属性： size 设置文字大小，取值范围是从1到7，其中3是默认值。 face 设置文字字体。 color 设置文字颜色，取值是颜色名（如red）或颜色数值（如#003366）。 * 4 格式化类标签（续上） 4.4使字体变为斜体的几种方式 var定义变量。 i 显示斜体文本效果。 em强调，显示斜体文本效果。 cite定义引用，可使用该标签对参考文献的引用进行定义，比如书籍或杂志的标题。 dfn定义一个定义项目。 address 可定义一个地址（比如电子邮件地址），使用它来定义地址、签名或者文档的作者身份。 还有换行功能。 em 标签修饰的内容用于强调，现在都是用斜体字来显示，但这些内容也具有更广泛的含义，将来的某一天，浏览器也可能会使用其他的特殊效果来显示强调的文本。 * 5 超链接类标签 1、超链接的定义：是一个网页指向另一个目的端的链接，目的端可以是另一个网页或者同一个网页上的不同位置 2、常用有两种链接方式 链接到网页 a href=URL…/a 链接到锚点，两个步骤 步骤一：设置锚点：a name=对象名…/a 步骤二：链接锚点，两种锚点链接方式： a.本地文档锚点：a href=#对象名…/a b.另一文档锚点：a name=“URL#对象名”…/a 文档路径可以分为:绝对路径、文档相对路径和根相对路径。 * 5 超链接类标签（续上） 在所有浏览器中，链接的默认外观是： 未被访问的链接带有下划线而且是蓝色的 已被访问的链接带有下划线而且是紫色的 活动链接带有下划线而且是红色的 * 5 超链接类标签（续上） 同理，也可以使用图像来作链接： a href=…… img src=…… //a usemap属性：通过设置图片的热区，可以实现单击图片不同位置链接到不同网页的效果。 * 6 图像类标签 图像格式：要想把在文档放置图像，其格式可以是 GIF、JPEG、XBM、TIFF、BMP和PICT等。 其中：GIF格式文件最多只能显示256中颜色，一般 用于制作透明、隔行和动画效果图片等；而JPEG格 式文件可以拥有计算机所能提供的最多种颜色，适 合存放高质量的彩色图片、照片。 * 6 图像类标签（续上） img：用来在文档中嵌入图像。 属性： src 用来设定要被包含的图像的位置和文件名，其路径名使用规则同 超链接中的href属性。 alt 用来设定在纯文本浏览器中替换图像的文本。 width和height 用来设定图像的尺寸，可取绝对值或相对值。 border用来设定图像边框的宽度，其默认值为0，无图像边框。 align 用来设定图像的位置，取值有bottom、middle、top等。 hspace 定义图像左侧和右侧的空白。不赞成使用。 vspace 定义图像顶部和底部的空白。不赞成使用。 lowsrc 低质量替代图片 * 7 表格类标签 table trtd/td…/tr …… /table 说明：表格标签除了可以显示大量数据列表格式外，往往还可以用于网页的布局。 * 7 表格类标签（续上） 属性： border 用来设定表格边框粗细。若省略，则无边框。 Width 用来设定表格，可取绝对值或相对值。 height 用来设定表格高度，可取绝对值或相对值。 cellspacing 用来设定表格间隙。 cellpadding 用来设定表格内部空白。 background 设置表格的背景图像 bgcolor 设置表格的背景颜色 align 设置表格的对齐方式：center,left和right rowspan 设置跨行数 colspan 设置跨列数 ... ... ... ... ... ... ... ... ... ... ... * ... ... 动态网页制作与编程 孟宇龙 mengyulong@ 哈尔滨工程大学计算机科学与技术学院 * 18年 * 本次课程主要内容 一、认识HTML语言 二、HTML语言语法规则 三、HTML语言标签分类 * 一、认识THML语言 HTML只不过是组合成一个文本文件的一系列标签。 一般有两类标签 围堵标记 空标记 * 一、认识THML语言（续上） 围堵标记:顾名思义，它以起始标记及终结标记将文字围住，令其达到预期显示效果。 例如td/td 空标记:是指标记单独出现，只有起始标记没有终结标记。 例如img * 二、HTML语法规则 HTML文件总是以htm或html作为文件的扩展名。 HTML标签不区分大小写，如p与P是一样的。 多个HTML标签间可以循环嵌套