学习前端的第二天,感觉良好

列表标签
把。。。制成表,以表来显示,整洁、有序

无序列表(ul)
<ul>
  <li>列表</li>
  <li>列表</li>
  <li>列表</li>
  <li>列表</li>
  ......
</ul>
如:新闻就是没有顺序的

有序列表(ol)
如:奥运会奖牌排名
各列表项按一定顺序排列定义
<ol>
  <li>第一</li>
  <li>第二</li>
  <li>第三</li>
  <li>第四</li>
  ......
</ol>

<ul></ul>中只能嵌套<li></li>
<li></li>中可容纳任何元素

自定义列表(dl)
对术语或名词进行解释和描述
<dl>
  <dt>名词一</dt>
  <dd>名词一解释一</dd>
  <dd>名词一解释二</dd>
  ...
  <dt>名词二</dt>
  <dd>名词二解释一</dd>
  <dd>名词二解释二</dd>
  ...
</dl>

快捷键ul>li*8(ul下8个li)

表格标签
创建表格
<table>
        <tr>  <!--行-->
              <td>单元格内的文字</td>  <!--列-->
              ......
       </tr>
       ......
</table>
<table></table><tr></tr><td></td>创建表格的基本标签,缺一不可
1、table 用于定义一个表格
2、tr 用于定义表格中一行,必须嵌套在table标签中,table中包含几对tr就有几行表格
3、td 用于定义表格中单元格,必须嵌套在tr标签中,一对tr中包含几对td就表示该行中有多少列(或多少个单元格)
<tr></tr>中只能嵌套<td></td>
<td></td>标签可以容纳所有元素

表格属性
属性名                   含义                                                               常用属性值
border                  设置表格的边框(默认border=“0”无边框)    像素值
cellspacing            设置单元格与单元格边框之间的空白间距            像素值(默认为2像素)
cellpadding           设置单元格内容与单元格边框之间的空白间距      像素值(默认为1像素)
width                    设置表格的宽度                                                像素值
height                   设置表格的高度                                                像素值
align                     设置表格在网页中的水平对齐方式                       left、center、right
 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值