第2.1讲HTML知识巩固综述.ppt

第2.1讲 HTML基础;内容要点;2.1.1 HTML基本构成;1. HTML的头部信息设置 1) 网页标题 title/title标签用于设置网页的标题 2) 网页编码格式 meta /标签用于设置网页的类别和语言字符集， 字符集可以有iso-150，utf-8，GBK，gb2312等。;2. HTML主体body标签的常用属性设置;2.1.2 HTML基本标签;2.1.2 HTML基本标签;2.1.2 HTML基本标签;2.1.2 HTML基本标签;2.1.2 HTML基本标签;4. 列表 HTML的列表分为有序列表ol/ol和无序列表ul/ul，包含的列表项由li/li组成。 1) 无序列表 无序列表是指列表项之间没有先后顺序，列表标签为ul/ul ul li列表项一li li列表项二li li列表项三li li列表项四li /ul;(1) 无序列表的类型 (type) 附加 ul type=“符号类型” li列表项一li li列表项二li li列表项三li li列表项四li /ul;4. 列表 HTML的列表分为有序列表ol/ol和无序列表ul/ul，包含的列表项由li/li组成。 2) 有序列表 有序列表是指列表项之间有先后顺序，序列编号有四种，分别是1、2、3；a、b、c；A、B、C；i、ii、iii、iv;I、II、III、IV。 ol li列表项一li li列表项二li li列表项三li /ol;(2) 有序列表的类型 (type) 附加 ol type=“序号类型” li列表项一li li列表项二li li列表项三li li列表项四li /ol;(2) 有序列表的类型 (type) 附加 ol type=“序号类型” li列表项一li li列表项二li li列表项三li li列表项四li /ol;(2) 有序列表的类型 (type) 附加 ol type=“序号类型” li列表项一li li列表项二li li列表项三li li列表项四li /ol;5 超级链接a/a 超级链接的标签是a/a,给文字添加超级链接类似于其他修饰标签 。超级链接是跳转到另一个页面的 href属性：指定新页面的地址。（可使用相对地址，也可使用绝对地址） Target属性：指定新页面的弹出位置： _self（本身） _blank（新窗口） _top (顶层) _parent（父级框架）（用于框架）;表格的结构组成 每一对table和/table代表一个表格 每一对tr和/tr代表一行 每一对td/td代表一个独立的单元格;1) 控制表格的边框Border 基本语法: table border=“边框大小值” 语法解释: 边框大小值由数字表示,如1,2,3,4。 数值越大,边框越粗。;5 表格的整体控制;3) 控制表格的宽度 基本语法: table width=“大小值” 语法解释: 表格宽度值以象素为单位。;4) 控制表格的高度 基本语法: table height=“大小值” 语法解释:表格宽度值以象素为单位。;5) 控制表格的背景色 基本语法: table bgcolor=“颜色值” 语法解释:颜色属性值与定义网页的背景色相同。 6) 控制表格的背景图片 基本语法: table background=“背景图片地址” 语法解释:默认情况下，背景图片会根据表格大小进行平铺显示。;5) 合并多个单元格 为了更灵活地安排表格中的各种数据,表格提供了合并单元格的功能,在布局网页时非常有用。 colspan属性用于水平合并单元格，其值为水平合并单元格的数量。 rowspan属性用于垂直合并单元格，其值为垂直合并单元格的数量。;5) 合并多个单元格 ;5) 合并多个单元格 ;7. 图片 img /单标签用于在网页中显示图片，通过设置属性来控制图片的显示效果。编码方法如下： img src=cc.jpg width=20px heig