新PHP程序设计案例教程 教学课件 陈建国 第2讲 第2.1讲 HTML知识巩固.pptVIP

(2) 有序列表的类型 (type) 附加 ol type=“序号类型” li列表项一li li列表项二li li列表项三li li列表项四li /ol I i 2. HTML基本标签 5) 超级链接a/a 超级链接的标签是a/a,给文字添加超级链接类似于其他修饰标签 。超级链接是跳转到另一个页面的 href属性：指定新页面的地址。（可使用相对地址，也可使用绝对地址） Target属性：指定新页面的弹出位置： _self（本身） _blank（新窗口） _top (顶层) _parent（父级框架）（用于框架） a href=index2.html target=_blank进入新页面/a 2. HTML基本标签 表格的结构组成 每一对table和/table代表一个表格 每一对tr和/tr代表一行 每一对td/td代表一个独立的单元格 table tr td 内容… /td td 内容… /td /tr /table 表格 表行 单元格 2. HTML基本标签 6) 表格 (1) 表格的整体控制 控制表格的边框Border 基本语法: table border=“边框大小值” 语法解释: 边框大小值由数字表示,如1,2,3,4。 数值越大,边框越粗。 border=“2 2. HTML基本标签 6) 表格 bordercolor=“red 2. HTML基本标签 表格的整体控制 控制表格的边框颜色Bordercolor 基本语法: table bordercolor=“颜色值” 语法解释: 边框颜色属性值与定义网页的背景色相同。 6) 表格 width=“400px 2. HTML基本标签 (1) 表格的整体控制 控制表格的宽度 基本语法: table width=“大小值” 语法解释: 表格宽度值以象素为单位。 6) 表格 2. HTML基本标签 (1) 表格的整体控制 控制表格的高度 基本语法: table height=“大小值” 语法解释:表格宽度值以象素为单位。 6) 表格 2. HTML基本标签 (1) 表格的整体控制 控制表格的背景色 基本语法: table bgcolor=“颜色值” 语法解释:颜色属性值与定义网页的背景色相同。 控制表格的背景图片 基本语法: table background=“背景图片地址” 语法解释:默认情况下，背景图片会根据表格大小进行平铺显示。 6) 表格 2. HTML基本标签 (2) 单元格的控制--合并单元格 为了更灵活地安排表格中的各种数据,表格提供了合并单元格的功能,在布局网页时非常有用。 colspan属性用于水平合并单元格，其值为水平合并单元格的数量。 rowspan属性用于垂直合并单元格，其值为垂直合并单元格的数量。 6) 表格 2. HTML基本标签 (2) 单元格的控制--合并单元格 6) 表格 7) 图片 img /单标签用于在网页中显示图片，通过设置属性来控制图片的显示效果。编码方法如下： img src=cc.jpg width=20px height=20px border=0 alt=新闻1 / 2. HTML基本标签 8) 添加音乐\视频 embed/embed embed/embed标签可以播放多种音频和视频格式,格式播放支持取决于浏览者系统中的播放器. 属性: src: 用于指定所连接的多媒体资源路径. autostart: 用于控制是否播放. 属性值为”true | false” Width Height:用于设置播放器界面的宽度和高度 2. HTML基本标签 8) 添加音乐\视频 embed/embed html head title插入音乐/title /head body embed src=的士高.mp3/embed /body /html 示例1: 插入音乐 2. HTML基本标签 8) 添加音乐\视频 embed/embed html head title插入音乐/title /head body embed src=的士高.mp3/embed /body /html 示例1: 插入音乐 height=100/embed 2. HTML基本标签 8) 添加音乐\视频 embed/e