2-动态网页设计题材.ppt

dom5.html Select控件 下图为一个下拉菜单，当点击下拉符号“ ”时，会出现一个选择列表。在HTML中，要想制作如下图所示的下拉菜单，就需要使用select控件。 select option选项1/option option选项2/option option选项3/option ... /select 标记名 常用属性 描述 select size 指定下拉菜单的可见选项数（取值为正整数）。 multiple 定义multiple=multiple时，下拉菜单将具有多项选择的功能，方法为按住Ctrl键的同时选择多项。 selected 定义selected = selected 时，当前项即为默认选中项。 dom6.html textarea控件 如果需要输入大量的信息，就需要用到textarea/textarea标记。通过textarea控件可以轻松地创建多行文本输入框，其基本语法格式如下： cols用来定义多行文本输入框每行中的字符数，rows用来定义多行文本输入框显示的行数 textarea cols=每行中的字符数 rows=显示的行数 文本内容 /textarea 第二章 HTML基础（2） 有序列表与无序列表 插入图像 表格 超链接 § 2.3 列 表 列表可以将具有相似特性或某种 顺序的文本进行排列，通过列表 可以使信息的层次关系更明确。 列表类型： 有序列表ol 无序列表ul 定义列表dl 元素名称 描述 ul 无序列表标记 ol 有序列表标记 li 列表项内容标记 dl 定义列表标记 dt 定义列表项的标题 dl 定义列表项内容 语法格式 无序列表 ul type=disc li…./li li…./li /ul 有序列表 ol type=1 start=1 li…./li li…./li /ol 定义列表 dl dt列表标题/dt dd…./dd dd…./dd /dl 属性值 描述 Circle 空心圆 Square 实心方块 Disc 实心圆点 无序列表type属性取值 有序列表type属性取值 属性值 描述 1 默认 A 大写字母 a 小写字母 Ⅰ 罗马字母 试一试 无序列表 试一试 有序列表 列表嵌套 § 2.4 图像标记Img 在HTML文档中使用图片，要借助于Img标记，该标记没有结束标记，其语法格式如下： Img Src=“图像文件地址与文件名”Align=“对齐方式” 属性 描述 属性 描述 Src 用来指定插入图片的路径 Hspace 图像的水平边距 width、height 设置图片的宽和高 Vspace　　　 图像的垂直边距 Alt 图片的替换文字，鼠标悬停时显示 align　　　　图像的对齐方式 img src=img1.gif alt=图片“ width=178“ height=88 hspace=“15“ vspace=”15” align=“right” /或选中图片按Shift+F5设置 dom2.html §2.5 表格 表格是网页设计制作中不可缺少的元素。使用表格可以清晰地显示列表数据，从而列容易阅读信息。网页设计者可以利用表格对页面的文本，数据进行有交行组织定位。也可以通过CSS样式设置表格的边框线，背景等属性改变表格的外观达到美化网页的目的。 在HTML代码中创建表格 标 记 描 述 table……../table 表格标记 caption……/caption 标题标记 tr………/tr 行标记 th………/th 表头标记 td……./td 单元格标记 基本格式如下： table border=“值” cellpadding=“值” cellspacing=“值” trtd colspan=2……/td td……/td/tr !--第1行结束-- tr td……/td td……/td td rowspan=2……/td/tr !--第2行结束-- trtd……/td td……/td/tr !--第3行结束-- /table table、tr、td标记的属性 属性 描述 border 表格边框的粗细，n取整数，单位是像素 width 表格的宽度，x为像素或占