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

本文详细介绍了HTML中的三种列表类型:无序列表、有序列表和自定义列表的使用方法及应用场景,同时深入讲解了如何利用表格标签创建和美化表格,包括设置边框、间距等属性。

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

无序列表(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
 

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值