html学习3(表格table、列表list)
1、html表格由<table>标签来定义。
- <thead>用来定义表格的标题部分,其内部用 <th > 元素定义列的标题,可以使其在表格中以粗体显示,与普通单元格区分开来。
- <tbody>用来定义表格的主体部分,其内部用<tr>元素定义行,在行中用<td>定义单元格数据。
2、如果不定义边框属性border,边框默认隐藏。
3、用caption定义整个表格标题。
-
-
<html>
-
<head>
-
<title>编程语言排名与特点</title>
-
</head>
-
<body>
-
<table border="1" cellspacing="0"><!--定义表格,边框宽度设置为1,单元格间接为0-->
-
<caption>编程语言榜</caption><!--表格标题-->
-
<thead><!--表格头-->
-
<tr>
-
<th>排名</th><!--定义3个标题-->
-
<th>名称</th>
-
<th>格言</th>
-
</tr>
-
</thead>
-
<tbody><!--表格主体-->
-
<tr><!--一行表格-->
-
<td>1</td>
-
<td>PHP</td>
-
<td>世界上最好的编程语言</td>
-
</tr>
-
<tr>
-
<td>2</td>
-
<td>java</td>
-
<td>一处编译,到处运行</td>
-
</tr>
-
<tr>
-
<td>3</td>
-
<td>python</td>
-
<td>人生苦短,我用python</td>
-
</tr>
-
</tbody>
-
<tfoot>制表人:zkedemo</tfoot>
-
</table>
-
</body>
-
</html>
运行结果:
4、列表由<ul>定义无序列表,<ol>定义有序列表,<li>用于定义列表实际的项。有序列表中可以用type属性指定排序的方式,默认为阿拉伯数字,type='A'表示英文字母排序,type="I"表示大写的罗马数字。
-
-
<html>
-
<head>
-
<meta charset="utf-8">
-
<title>html列表</title>
-
</head>
-
<body>
-
<ul><!--无序列表-->
-
<li>PHP</li>
-
<li>java</li>
-
<li>python</li>
-
</ul>
-
<ol type="A"><!--有序列表,英文字母排序-->
-
<li>PHP</li>
-
<li>java</li>
-
<li>python</li>
-
</ol>
-
<ol type="I"><!--有序列表,大写罗马数字排序-->
-
<li>PHP</li>
-
<li>java</li>
-
<li>python</li>
-
</ol>
-
</body>
-
</html>
运行结果:
这篇好文章是转载于:学新通技术网
- 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
- 本站站名: 学新通技术网
- 本文地址: /boutique/detail/tanhfjjbkg
系列文章
更多
同类精品
更多
-
photoshop保存的图片太大微信发不了怎么办
PHP中文网 06-15 -
Android 11 保存文件到外部存储,并分享文件
Luke 10-12 -
word里面弄一个表格后上面的标题会跑到下面怎么办
PHP中文网 06-20 -
《学习通》视频自动暂停处理方法
HelloWorld317 07-05 -
photoshop扩展功能面板显示灰色怎么办
PHP中文网 06-14 -
微信公众号没有声音提示怎么办
PHP中文网 03-31 -
excel下划线不显示怎么办
PHP中文网 06-23 -
excel打印预览压线压字怎么办
PHP中文网 06-22 -
怎样阻止微信小程序自动打开
PHP中文网 06-13 -
TikTok加速器哪个好免费的TK加速器推荐
TK小达人 10-01