讲给Android程序员看的前端教程(07)——HTML5标签(6)

来源：互联网发布：淘宝达人2c 编辑：程序博客网时间：2024/05/29 16:09

自定义View系列教程00–推翻自己和过往，重学自定义View
自定义View系列教程01–常用工具介绍
自定义View系列教程02–onMeasure源码详尽分析
自定义View系列教程03–onLayout源码详尽分析
自定义View系列教程04–Draw源码分析及其实践
自定义View系列教程05–示例分析
自定义View系列教程06–详解View的Touch事件处理
自定义View系列教程07–详解ViewGroup分发Touch事件
自定义View系列教程08–滑动冲突的产生及其处理

探索Android软键盘的疑难杂症
深入探讨Android异步精髓Handler
详解Android主流框架不可或缺的基石
站在源码的肩膀上全解Scroller工作机制

Android多分辨率适配框架（1）— 核心基础
Android多分辨率适配框架（2）— 原理剖析
Android多分辨率适配框架（3）— 使用指南

版权声明

本文原创作者：谷哥的小弟
作者博客地址：http://blog.csdn.net/lfdfhl
本文视频教程：http://www.stay4it.com/my/course/37

课程安排

HTML不是程序设计语言，而是一种标记语言，它用一些标记、标签来说明文本的显示效果。要制作网页和建立网站，就必须对HTML语言有所了解。客观地讲：HTML标签没有多少逻辑性而言，为了大家更好的理解和记忆，我们对这些标签进行分门别类的讲解，主要分为：

HTML常用标签
HTML文本标签
HTML语义标签
HTML结构标签
HTML列表标签
HTML表格标签
HTML表单标签
HTML新增标签和API

嗯哼，来吧，我们继续HTML5标签的学习。咋了？你竟然有点担心学不会！？别逗了，这部分和我们常写的Java比起来简单多了，它的逻辑性也弱得多。所以，大胸弟你大可放心，就像看电影那样：一手拿着爆米花，一手拿着可乐，也完全可以看懂本教程。

之前，我们已经学习了HTML常用标签、HTML文本标签、HTML语义标签、HTML结构标签、HTML列表标签；现在我们来继续学习HTML表格标签。

HTML表格标签

在HTML中与表格相关的标签简述如下：

table标签用于展示表格
caption标签用于显示表格的标题
tr标签用于表示表格的行
th标签用于表示表格的表头单元格
td标签用于表示单元格

OK，来吧，我们写个表格瞅瞅。

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>HTML表格标签</title></head><body>    <table  border="1" width="600"  height="400" align="center"     bgcolor="pink" cellspacing="0" cellpadding="0">    <caption><h2>中国著名演员</h2></caption>    <tr>        <th>姓名</th>        <th>年龄</th>        <th>性别</th>        <th>城市</th>    </tr>    <tr align="center">        <td>李冰冰</td>        <td>32</td>        <td>女</td>        <td>北京</td>    </tr>    <tr align="center">        <td>范冰冰</td>        <td>20</td>        <td>女</td>        <td>上海</td>    </tr>    <tr align="center">        <td>刘德华</td>        <td>47</td>        <td>男</td>        <td>香港</td>    </tr></table></body></html>

运行代码后，在浏览器中的效果图如下所示：

这里写图片描述

在该示例中，我们还用到了不少与表格标签相关的属性，比如利用border表示表格的边框，利用cellspacing 设置单元格之间的距离，利用cellpadding设置单元格中文字距离单元格边框的距离，利用align设置对齐方式，利用bgcolor设置背景颜色。请注意：刚才提到的这些属性在THML5中建议开发人员不再在HTML中直接使用，而应该把这些与样式相关的属性全部放到CSSS中去。

阅读全文

2 0