Day2

图片标签

alt属性:主要给搜索引擎使用使索搜引擎可以“识别”该图的具体内容。
border:用于设定图片的边框线的“粗细”,单位还是px。
align:用于设定图片的定位方式:靠左,剧中,靠右

图像映射技术

形式:<area shape="设定形状" coords="坐标尺寸之类"
href="设定该区域的链接 " >
矩形: <areashape="rect" coords="矩形的左上角坐标和右下角坐标" href="01图片标记.html" >
圆形: <area shape="circle" coords="圆心的坐标和半径" href="01图片标记.html">
多边形:<area shape="poly"coords="连续的点的坐标"href="01图片标记.html" >

表格技术初步

表格使用如下3个标签搭配以形成完整的表格基本表现:
<table>
<tr>
<td>这个td中才是放置具体“内容部分”的区域</td>
</tr>
</table>
table:用于“声明”一个表格
tr:用于设定一个表格中的“一行”,多行就使用多个tr配对。
td:用于设定一个行中的“一列”(单元格),多个列就使用多个td。
—— 一个表格可以有多行,一个行可以有多列。
表格中的单元格可以进行“合并”操作,是通过td上的两个属性来实现。
table常用属性:
width:
height:
border:设定表格的边框线,其实会应用整个表格的所有“边框线”(每个单元格)
cellpadding: 设定单元格中的内容与单元格的边框线之间的“间距”,单位是px
cellspacing: 设定相邻的两个元格的边框线之间的“间距”,单位是px
bgcolor=”yellow” 设定表格的总体上的背景颜色
background=”图片地址url”: 设定表格的总体上的背景图
align=”left // center // right”: 设定表格总体上的定位方式。
bordercolor:设定边框线的颜色
td常用属性:
width:
height:
bgcolor=”yellow” 设定单元格的背景颜色
background=”图片地址url”: 设定单元格的背景图
align=”left // center // right”: 设定单元格中的内容的水平对齐方式
valign=”top // middle // bottom”: 设定单元格中的内容的垂直对齐方式
colspan=”5”: 表示该单元格会水平向右边合并5个“原始单元格”,其本身相当于“跨”5个列。
rowspan=”3”: 表示该单元格会垂直向下边合并3个“原始单元格”,其本身相当于“跨”3个行。
tr的属性:不多,也不常用

表格深入

td用于设定一个普通单元格
th用于设定一个“标题单元格”:其中的文字会自动粗体并居中——凡是可以用td,就可以用th
一个表格还可以设定一个“标题”:在table中使用caption标签,其中可是设定标题文字
实际上,作为表格“table”,其内部的所有行还可以进一步进行“表格区域划分”,通常有3种形式的表格区域:
thead:代表表格的“头部”区域,其中可以放置tr(及其下属)标签。
tbody:代表表格的“中部”区域(主体区域),同样可以放tr——所有没有明确使用分区标签归到某个区域的tr标签,都自动隶属于tbody分区。——也就是说,tbody有可能自动出现。
tfoot:代表表格的“尾部”区域,同样可以放tr。

表格标签的关系总结:


<pre>

<pre> 想写的代码区 </pre>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • (1)文档类型 文档类型:html文件的第一行代码通常是声明文档网页文档类型(DTD),文档类型可以简单的理解为 ...
    Y原谅阅读 378评论 0 0
  • 表格技术初涉 表格:是指将一点范围的区域分为“行列对齐”的若干个“格子”的一种技术。 表格使用如下3个标签搭配以形...
    焦龙_f434阅读 453评论 0 0
  • 1.多媒体及相关插件介绍:插件:就是其他软件,只是挂接到浏览器中插件的兼容性其实很不好,但flash对各浏览器来说...
    冰天雪地_6409阅读 352评论 0 1
  • 1.文档类型:可以简单理解为不同的html版本。2.xhtml文档:将html的语法使用xml的严格标准去写。3....
    在路上_80f5阅读 364评论 0 2
  • 这是我们关于商业趋势的No.005篇文章。 电影《硅谷传奇》中有一处乔布斯打给罗马教廷恶作剧电话的桥段。 在创立苹...
    老虎老湿阅读 1,056评论 0 2

友情链接更多精彩内容