特殊字符和表格属性和列表

本文介绍了HTML中如何使用特殊字符,如空格、小于号、大于号等,并详细讲解了表格的属性,包括对齐方式、边框、单元格间距等。同时,阐述了如何进行单元格的跨行和跨列合并。此外,还详细讨论了列表的三种类型:无序列表、有序列表和自定义列表,强调了它们的用途和基本语法结构。
摘要由CSDN通过智能技术生成

在HTML页面中,一些特殊的符号很难或者不方便直接使用,此时我们就可以使用下面的字符来替代。

特殊字符描述字符的代码
空格符 
<小于号&lt;
>大于号&gt;
&和号&amp;
人民币&yen;
©版权&copy;
®注册商标&reg;
摄氏度&deg;
±正负号&plusmn;
乘号&times;
除号&divide;
²平方2(上标2)&sup2;
³立方3(上标3)&sup3;

 表格属性

属性名属性值描述
alignleft、center、right规定表格相对周围元素的对齐方式。
border1或""规定表格单元是否拥有边框,默认为"", 表示没有边框
cellpadding像素值规定单元边沿与其内容之间的空白,默认1像素。
cellspacing像素值规定单元格之间的空白,默认2像素。
width像素值或百分比规定表格的宽度。

 合并单元格方式:

 跨行合并: rowspan=”合并单元格的个数”

跨列合并: colspan=”合并单元格的个数"

合并单元格3步曲:

  1. 先确定是跨行还是跨列合并。
  2. 找到目标单元格,写上合并方式=合并的单元格数量。比如: <td colspan= "2" > </td>.
  3. 删除多余的单元格。

列表标签

表格是用来显示数据的,那么列表就是用来布局的。

列表最大的特点就是整齐、整洁、有序,它作为布局会更加自由和方便。

根据使用情景不同,列表可以分为三大类:无序列表、有序列表和自定义列表。

 1.无序列表(重点)

<ul>标签表示HTML页面中项目的无序列表, 一般会以项目符号呈现列表项,而列表项使用<li> 标签定义。
无序列表的基本语法格式如下:

<ul >
      <1i>列表项1</1i>
      <li>列表项2</1i>
      <li>列表项3</1i>

      ......
</ul>

1.无序列表的各个列表项之间没有顺序级别之分,是并列的。
2. <ul></ul> 中只能嵌套<li></li> ,直接在<ul> </ul>标签中输入其他标签或者文字的做法是不被允许的。
有序列表和无序列表一样,用<ol></ol>标签和<li>标签组成。

2.自定义列表(重点)

在HTML标签中, <dl>标签用于定义描述列表(或定义列表) , 该标签会与<dt> (定义项目/名字)和
<dd> (描述每一个项目/名字 ) 一起使用。
其基本语法如下:

<dl>
        <dt>名词1---小标题</dt>
        <dd>名词1解释1</dd>
        <dd>名词1解释2</dd>
</dl>

列表总结

标签名定义说明
<ul></ul>无序标签里面只能包含li 没有顺序, 使用较多。li里面可以包含任何标签
<ol></ol>有序标签里面只能包含li 有顺序, 使用相对较少。li里面可以包含任何标签
<dl></dl>自定义列表里面只能包含dt和dd。dt和dd里面可以放任何标签
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值