HTML基础知识之列表和表格的使用

栏目: Html · 发布时间: 6年前

内容简介：（1）在XHTML 中标签名称必须小写，在HTML 中标签名称既可以小写也可以大写；（2）在XHTML 中标签必须封闭，在HTML中标签可以不成对出现；（3）在XHTML 中标签必须严格嵌套，HTML对标签嵌套没有严格规定；

一、HTML与XHTML的区别

（1）在XHTML 中标签名称必须小写，在HTML 中标签名称既可以小写也可以大写；

（2）在XHTML 中标签必须封闭，在HTML中标签可以不成对出现；

（3）在XHTML 中标签必须严格嵌套，HTML对标签嵌套没有严格规定；

（4）在XHTML 中属性名称必须小写，在HTML 中也一样；

（5）在XHTML 中标签必须用双引号引起来，HTML中可以不用；

二、特殊符号

&nbsp
"
&
>
<
©

三、列表的使用

（1）无序列表

无序列表是一个项目列表，使用项目符号标记无序列表的项目，无序列表也就是没有顺序的列表；
无序列表的type属性取值有三种，分别是circle（圆圈）、disc（实心圆点）、square（方块）；

# 打印实心圆点的无序列表
<body>
  <ul type="disc">
    <li>第一</li>
    <li>第二</li>
    <li>第三</li>
  </ul>
</body>

（2）有序列表

有序列表也是由一个个列表项组成，列表想既可以使用数字标记，也可以使用字母标记；
有序列表的type属性取值有5中，分别是1（数字）、i（小写罗马字母）、I（大写罗马字母）、a（小写字母）、A（大写字母）；

# 打印数字 排序 的有序列表
<body>
  <ol type="1">
    <li>我最爱椰奶</li>
    <li>第二爱可乐</li>
    <li>第三爱橙汁</li>
  </ol>
</body>

（3）定义列表

定义列表是当无序列表和有序列表都不适合时，通过自定义列表来完成自定义展示，所以定义列表不仅仅是一个项目列表，而是项目和注释的组合；

<body>
  <dl>
    <dt>春晓</dt>
      <dd>春眠不觉晓，处处闻啼鸟</dd>
      <dd>夜来风雨声，花落知多少</dd>
  </dl>
</body>

四、表格的使用

（1）表格的基本结构

单元格：表格的最小单位，一个或多个单元格纵横排列组成了表格；
行：一个或多个单元格横向堆叠形成了行；
列：一个或多个单元格纵向堆叠形成了列；

<table>
  <tr>
    <td>第一行第一列</td>  
    <td>第一行第二列</td>  
    <td>第一行第三列</td>  
  </tr>
  <tr>
    <td>第二行第一列</td>  
    <td>第二行第二列</td>  
    <td>第二行第三列</td>  
  </tr>
</table>

（2）表格的对齐方式

align属性：left表示水平居左、center表示水平居中、right表示水平居右；
valign属性：top表示垂直置顶、middle表示垂直居中、bottom表示垂直靠底；

（3）表格的其他属性

th
caption
cellspacing
cellpadding
colspan
rowspan

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。

码农书籍

微商思维

龚文祥、罗剑锋、触电会 / 金城出版社 / 2018-7 / 88.00元

微商不仅仅是一种继传统实体、电商之后的革命性新兴商业形态，更是一种能够写入中国商业史的思潮。龚文祥新著《微商思维》，从道的层面对广大微商人的商业实践智慧进行了高度浓缩与抽象总结，站在更高的视角解读微商背后的商业逻辑与本质。本书前半部分，主要从本质、品牌、营销等几个方面，阐述了微商思维的内涵及应用场景，帮助读者了解并认识这种革命性的商业思维。后半部分主要是触电会社群内部各位大咖的实操......一起来看看《微商思维》这本书的介绍吧!

码农工具

图片转BASE64编码

在线图片转Base64编码工具