列表与表格的一些学习

列表分为无序列表和有序列表

无序列表：

　　　　无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。

　　　　无序列表始于 <ul> 标签。每个列表项始于 <li>。

<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>

网页显示为：●Coffee

　　　　　 ●Milk

有序列表：

　　　　同样，有序列表也是一列项目，列表项目使用数字进行标记。

　　　　　有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。

<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>

网页显示为：1 Coffee

　　　　　　2 Milk

其中列表属性type可以定义前面序号的类型：如type=1，则显示阿拉伯数字1234 type=A，则显示ABCD

类型主要有 1 A a i I 等等

其中start可以控制编号开始的数字例如：

<ol type="A" start="2" ><li>银河系</li><li>太阳系</li><li>地球</li>
</ol>

在网页显示为： B 银河系

　　　　　　　 C 太阳系

　　　　　　　 D 地球

Table表格：

table是副标签，它的子标签有： tr（行）、th（表头）、td（内容）

table属性定义边框为boder，html定义属性格式为width=90% css定义属性格式为style=width：90%；

融合表格：

colspan是从自身开始往右融合几个（多列）

<table border="1px"style="border-collapse: collapse;" width="90%"><!--这是表头--><tr><th>季度</th><th colspan="2">收入（元）</th><th colspan="2">支出（元）</th></tr><!--这是第一行内容--><tr style="text-align: center;"><td></td><td>建筑</td><td>房地产</td><td>销售服务</td><td>办公</td>            </tr><!--这是第二行内容--><tr style="text-align: center;"><td>第一季度</td><td>306000</td><td>282000</td><td>9000</td><td>10000</td></tr><!--这是第三行内容--><tr style="text-align: center;"><td>第二季度</td><td>450000</td><td>364000</td><td>54000</td><td>20000</td></tr></table>

在网页显示为：

转载于:https://www.cnblogs.com/zzq123/p/9798785.html

列表与表格的一些学习相关推荐

前端学习第一周-计算机基础，html标签的介绍，其中包括列表，表格以及表单的使用
前端学习第一周-HTML基础文章目录前端学习第一周-HTML基础前言 DAY 1 计算机组成计算机网络 DAY 2 vscode快捷方式 HTML骨架 DAY 3 HTML属性 HTML标签 ...
列表和表格---学习笔记02
第7章列表和表格 7.1 有序列表 <ol type="A"><li>这里是第1个li</li><li>这里是第2个li</ ...
前端——列表、表格、表单
#博学谷IT学习技术支持# 目录列表标签无序列表ul 有序列表ol 自定义列表dl 表格标签table 表单标签表单标签input button按钮下拉菜单标签select 文本域标签tex ...
表格数据深度学习框架-DeepTables
DeepTables:用于表格数据的深度学习工具包简介 MLP(也称为全连接神经网络)已被证明在学习分布表示方面效率低下. 事实证明,感知器层的"Add"操作在探索乘法特征交互时 ...
Ctex入门指南笔记 -列表、表格、公式与图片
Ctex入门指南笔记列表.表格.公式与图片觉得有用的话,欢迎一起讨论相互学习~ 本文为学习笔记,原版视频请移步: https://www.bilibili.com/video/BV1ua4y1p7 ...
HTML中的列表和表格
HTML中的列表和表格 HTML中的列表列表--建立数字编号的列表列表--指定编号的格式和顺序列表--建立带有项目符号的列表列表--建立无符号的列表列表--建立术语列表 HTML中的表格表 ...
前端(二)——HTML之列表、表格、媒体元素
文章目录 1. 列表 2. 表格 3.音频.视频 3.1 音频 audio 3.2 视频 video 4. 网页结构分析 5. 内联框架 1. 列表 (1)无序列表 ul-li :应用于导航.侧边栏新 ...
复习-css列表和表格相关属性
css列表和表格相关属性 list-style:设置所有列表属性 list-style-image:将图像设置为列表项标记,主要有url值 list-style-position:设置列表项标记的放置 ...
HTML列表、表格和媒体元素
列表.表格和媒体元素一.列表:信息资源的一种展示形式二.列表的分类:有序列表1.例子:<ol><li>内容</li></ol>2.特性:有顺序,每个 ...

列表与表格的一些学习

列表与表格的一些学习相关推荐

最新文章

热门文章