入门HTML之表格入门基本属性

表头（用<TH>来表示，表头是特殊的单元格，其中的文字加进去之后默认是居中并且加粗）

表格（用<Table>来表示，表格可以有背景颜色、背景图片）

单元格（用<TD>来表示，每个单元格可以有背景颜色和背景图片）

每一行可以用<TR>来表示，单元格放在行中，每行可以有很多的单元格。

<table> 元素：定义一个表格。每一个表格只有一对<table>和</table>，一张页面中可以有多个表格。
<tr>元素：定义表格的行，一个表格可以有多行，所以<tr>对于一个表格来说不是唯一的。
<td>元素：定义表格的一个单元格。每行可以有不同数量的单元格，在<td>和</td>之间是单元格的具体内容。
需要注意的是：上述的三个元素必须、而且只能够配对使用。缺少任何一个元素，都无法定义出一个表格。

表格的基本结构
<table>定义表格
<tr>
<th>定义表头</th>
</tr>
<tr>定义表行
<td>…</td>定义单元格
</tr>
</table>

<html>
<head><title>表格的基本结构</title>
</head>
<body><table border = 1><tr><td>left</td><td>right</td></tr></table>
</body>
</html>

表格的属性 –1
width属性：指定表格或某一个表格单元格的宽度。单位可以是%或者象素。
height属性：指定表格或某一个表格单元格的高度。单位可以是%或者象素。
border属性：表格边线粗细

<html>
<head><title>表格的属性1</title>
</head>
<body><table border = 2><tr><td> </td><td>带边框的表格</td><td></td></tr><tr><th>food</th><th>drink</th><th>sweet</th></tr><tr><td>A</td><td>B</td><td>C</td></tr></table><table><tr><td>不带边框的表格</td></tr><tr><th>food</th><th>drink</th><th>sweet</th></tr><tr><td>A</td><td>B</td><td>C</td></tr></table>
</body>
</html>

<html>
<head><title>表格的属性2</title>
</head>
<body><table border = 2><tr><th></th><th>星期一</th><th>星期二</th><th>星期三</th><th>星期四</th><th>星期五</th></tr><tr><td>1</td><td>html</td><td>html</td><td>CSS</td><td>CSS</td><td>DHTML&JavaScript</td></tr><tr><td>2</td><td>html</td><td>html</td><td>CSS</td><td>CSS</td> <td>html</td></tr><tr><td>3</td><td>html</td><td>html</td><td>CSS</td><td>CSS</td>  <td>html</td></tr><tr><td>4</td><td>html</td><td>html</td><td>CSS</td><td>CSS</td>  <td>html</td></tr><tr></tr><tr></tr><tr><td>5</td><td>html</td><td>html</td><td>CSS</td><td>CSS</td>    <td>html</td></tr><tr><td>6</td><td>html</td><td>html</td><td>CSS</td><td>CSS</td>  <td>html</td></tr></table>
</bdoy>
</html>

<html>
<head><title>表格的属性</title>
</head>
<body text = "#0000ff"><table border = 10><tr><th>food</th><th>drink</th><th>sweet</th></tr><tr><td>A</td><td>B</td><td>C</td></tr></table><br><table><tr><th>food</th><th>drink</th><th>sweet</th></tr><tr><td>A</td><td>B</td><td>C</td></tr><table>
</body>
</html>

入门HTML之表格入门基本属性相关推荐

分步表单如何实现 html_HTML表格入门的分步指南
分步表单如何实现 html by Abhishek Jakhar 通过阿比舍克·贾卡(Abhishek Jakhar) HTML表格入门的分步指南 (A step-by-step guide to g ...
[入门教程](python numpy入门)
[入门教程](python numpy入门) NumPy NumPy是一个开源的Python科学计算基础库,包含 •一个强大的N维数组对象ndarray •广播功能函数 •整合C/C++/Fortra ...
python魔力手册-小白入门宝典:Python快速入门魔力手册 PDF 超清版
给大家带来的一篇关于Python编程相关的电子书资源,介绍了关于小白入门.python入门.Python手册方面的内容,本书是由魔力手册出版,格式为PDF,资源大小11.8 MB,魔力手册编写,目前豆 ...
python入门视频教程推荐-python入门学习哪个书比较好(python视频教程知乎)
自学python的学习路线是什么?推荐一些python学习资源第一段初级,掌握Python的语法和常用库的使用这里首先推雪锋在网上的书籍,这是Python2.7的,这本书适合于重头开始一直读完, ...
python入门到实践-Python编程从入门到实践(基础入门)
Python编程从入门到实践-------基础入门 1.Python中的变量 2.Python首字母大写使用title()方法,全部大写upper()方法,全部小写lower()方法 3.Python ...
python游戏编程入门免费-python游戏编程入门 python游戏编程入门课
python游戏编程入门 python游戏编程入门课什么是python游戏编程入门?首先我们需要认识什么是Python Python既是一个软件工具包,也是一种语言.Python软件包包含了一个名为 ...
HTML中有关表格的基本属性知识
2019独角兽企业重金招聘Python工程师标准>>> 表格在网页编程中使用非常的广泛,而且也非常的重要,下面我就将本人编程中所总结的有关表格的基本属性整理处理. table标签的基 ...
LSTM入门必读：从入门基础到工作方式详解 By 机器之心2017年7月24日 12:57 长短期记忆（LSTM）是一种非常重要的神经网络技术，其在语音识别和自然语言处理等许多领域都得到了广泛的应用
LSTM入门必读:从入门基础到工作方式详解 By 机器之心2017年7月24日 12:57 长短期记忆(LSTM)是一种非常重要的神经网络技术,其在语音识别和自然语言处理等许多领域都得到了广泛的应用. ...
python入门教程傻瓜版_毫无基础的人如何入门 Python ？Python入门教程拿走不谢啦！...
随着人工智能的发展,Python近两年也是大火,越来越多的人加入到Python学习大军,对于毫无基础的人该如何入门Python呢?这里整理了一些个人经验和Python入门教程供大家参考. 如果你是零基 ...
python程序实例讲解_python入门编程实例 python入门编程实例解析
python入门编程实例 python入门编程实例解析 python入门编程实例及解析: 题目:有1.2.3.4四个数字,能组成多少个互不相同且无重复数字的三位数?都是多少? 程序分析:可填在百位.十 ...

入门HTML之表格入门基本属性

入门HTML之表格入门基本属性相关推荐

最新文章

热门文章