html入门教程(三)表格与列表

5 篇文章 0 订阅

一、表格

<h4>这个表格有一个标题,以及粗边框:</h4>
<table border="6">
<caption>我的标题</caption>
<tr>
  <th>a</th>
  <th>b</th>
  <th>c</th>
</tr>
<tr>
  <td>100</td>
  <td>200</td>
  <td>300</td>
</tr>
<tr>
  <td>400</td>
  <td>500</td>
  <td>600</td>
</tr>
</table>


  • <table>定义表格,有属性border
  • <caption>定义表格名称
  • <tr>定义表格的行
  • <th>定义表头
  • <td>定义表格的单元

二、列表

<h4>一个嵌套列表:</h4>
<ul>
  <li>咖啡</li>
  <li>茶
    <ol start="6">
    <li>红茶</li>
    <li>绿茶
      <ul>
         <dl>
           <dt>计算机</dt>
             <dd>用来计算的仪器 ... ...</dd>
           <dt>显示器</dt>
             <dd>以视觉方式显示信息的装置 ... ...</dd>
         </dl>
      </ul>
    </li>
    </ol>
  </li>
  <li>牛奶</li>
</ul>

  • <ul>无序号列表
  • <ol>有序号列表
  • <li>列表的一行
  • <dl>描述性列表
  • <dt>一行的名字
  • <dd>一样的描述












  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值