Html入门课件.ppt

表格（1） 表格由 table 标签来定义。 每个表格均有若干行（由 tr 标签定义），每行被分割为若干单元格（由 td 标签定义）。 字母 td 指表格数据（table data），即数据单元格的内容。 数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。 每个表格由 table 标签开始。 每个表格行由 tr 标签开始。 每个表格数据由 td 标签开始。 表格（2） 定义一个一行一列表格 table border=1 tr td100/td /tr /table 定义一个一行三列表格 table border=1 tr td100/td td200/td td300/td /tr /table 定义一个二行三列表格 table border=1 tr td100/td td200/td td300/td /tr tr td100/td td200/td td300/td /tr /table 表格（3） 表格常用属性 示例代码： table width=200 height=120 border=1 cellpadding=5 cellspacing=5 align=center tr tdnbsp;/tdtdnbsp;/td /tr tr tdnbsp;/tdtdnbsp;/td /tr /table 属性解读 Width 表格宽度 height 表格高度 border 表格线的粗细 cellpadding 表格内填充 cellspacing 表格间距 align 表格对齐方式 图像（1） 在 HTML 中，图像由 img 标签定义。 img 是空标签，意思是说，它只包含属性，并且没有闭合标签。 要在页面上显示图像，你需要使用源属性（src）。src 指 source。源属性的值是图像的 URL 地址。 定义图像的语法是： img src=url /URL 指存储图像的位置。如果名为 “logo.gif 的图像位于 的 images 目录中，那么其 URL 为 /images/logo.gif。 浏览器将图像显示在文档中图像标签出现的地方。 图像（2） 图像常用属性 替换文本属性（Alt） alt 属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的。 img src=“logo.gif alt=这里有一个图片“ /在浏览器无法载入图像时，替换文本属性告诉读者她们失去的信息。 做seo优化时需要用到alt这个属性 宽高属性 width height 这两个属性定义图像的大小 如img src=“logo” width=“30” height=“20” / 边框属性border 如img src=“logo” width=“30” height=“20” border=“1” / 对齐属性align bottom 底部对齐 middle 中间对齐 top 顶部对齐 left 左浮动 right 右浮动 图像（3） 为图像建立热点链接 img src=logo.gif width=360 height=333 border=“1 align=middle usemap=#Map / map name=Map id=Map area shape=“rect” coords=“68,11,176,137” href=“#” / 距形 area shape=“circle” coords=“304,121,44” href=“#” / 圆形 area shape=“poly” coords=“81,234,128,217,172,297,64,307” href=“#” / 多边形 /map 列表（1） 无序列表 无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。 无序列表始于 ul 标签。每个列表项始于 li。 ul liCoffee/li liMilk/li /ul 浏览器显示如下： Coffee Milk 列表（2） 有序列表 同样，有序列表也是一列项目，列表项目使用数字进行标记。 有序列表始于 ol 标签。每个列表项始于 li 标签。 ol liCoffee/li liMilk/li /ol 浏览器显示如下： Coffee Milk HTML 表单和输入（1） 表单是一个包含表单元素的区域。 表单元素是允许用户在表单中（比如：文本域、下拉列表、单选框、复选框等等）输入信息的元素。