在 HTML 中使用交互元素.ppt

Web编程基础第三章在html中使用交互元素回顾了解文字布局相关标签的运用了解列表相关标签的运用了解图片标签的运用了解超链接标签的运用HTML表格掌握HTML表格的基本结构掌握HTML表格跨行跨列操作掌握表格相关属性的运用HTML表格表格是HTML高级组成部分,它标示数据之间的关系,使对比分析更容易理解。表格由特定数目的行和列组成。表格行表格列表格基本结构表格在一定程度上控制文本和图像在网页中的位置,而不是完全由浏览器对此进行控制Table标签用于在html中创建表格,表格被分成若干行,每行又分成若干个单元格,表格以<table>开始,以</table>结束表格基本结构示例<tableborder=“1”><tr><td>row1,cell1</td><td>row1,cell2</td><td>row1,cell3</td></tr><tr><td>row1,cell1</td><td>row1,cell2</td><td>row1,cell3</td></tr></table>表格第一行表格第二行表格标题<caption></caption>标题的起止标志<tableborder=“1”><caption>员工信息</caption><tr><td>姓名</td><td>联系电话</td><td>电子邮箱</td></tr><tr><td>tom</td><td>12345678</td><td>baidu@</td></tr></table>表格列标题信息<th></th>起止标志<tableborder=“1”><caption>员工信息</caption><tr><th>姓名</th><th>联系电话</th><th>电子邮箱</th></tr><tr><td>tom</td><td>12345678</td><td>baidu@</td></tr></table>HTML的表格属性表格,行,单元格都有<Width><Height>属性Width用于设置宽度,属性值用数字或百分比表示 Height用于设置高度,属性值用数字或百分比表示例如:<tableborde=“1”width=“25%”height=“25%”><table>或者<tableborde=“1”width=“400”height=“500”><table>HTML的表格属性表格,单元格都有<align><valign>属性align用于设置水平对齐方式,属性值有如下三个Left左对齐默认Right右对齐center 居中对齐valign用于设置水平对齐方式,属性值有三个例如:<tableborde=“1”width=“25%”align=“center”><caption>员工信息</caption><tr><tdalign=“center”>姓名</td><tdalign=“center”>联系电话</td><tdalign=“center”>电子邮箱</td></tr><table>