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

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

内容简介:(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

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

查看所有标签

猜你喜欢:

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

周鸿祎自述

周鸿祎自述

周鸿祎 / 中信出版社 / 2014-8 / 45.00元

在很多方面,周鸿祎都是互联网领域的颠覆者。他重新定义了“微创新”,提出从细微之处着手,通过聚焦战略,以持续的创新,最终改变市场格局、为客户创造全新价值。他第一个提出了互联网免费安全的理念,也由此让奇虎360拥有了超过4亿的用户。 在《周鸿祎自述:我的互联网方法论》中,周鸿祎首次讲述了自己的互联网观、产品观和管理思想,厘清了互联网产品的本质特征和互联网时代的新趋势,列举了颠覆式创新在现实中的实......一起来看看 《周鸿祎自述》 这本书的介绍吧!

XML 在线格式化
XML 在线格式化

在线 XML 格式化压缩工具

HEX CMYK 转换工具
HEX CMYK 转换工具

HEX CMYK 互转工具