在HTML页面中,一些特殊的符号很难或者不方便直接使用,此时我们就可以使用下面的字符来替代。
特殊字符 | 描述 | 字符的代码 |
---|---|---|
空格符 | | |
< | 小于号 | < |
> | 大于号 | > |
& | 和号 | & |
¥ | 人民币 | ¥ |
© | 版权 | © |
® | 注册商标 | ® |
。 | 摄氏度 | ° |
± | 正负号 | ± |
✖ | 乘号 | × |
➗ | 除号 | ÷ |
² | 平方2(上标2) | ² |
³ | 立方3(上标3) | ³ |
表格属性
属性名 | 属性值 | 描述 |
---|---|---|
align | left、center、right | 规定表格相对周围元素的对齐方式。 |
border | 1或"" | 规定表格单元是否拥有边框,默认为"", 表示没有边框 |
cellpadding | 像素值 | 规定单元边沿与其内容之间的空白,默认1像素。 |
cellspacing | 像素值 | 规定单元格之间的空白,默认2像素。 |
width | 像素值或百分比 | 规定表格的宽度。 |
合并单元格方式:
跨行合并: rowspan=”合并单元格的个数”
跨列合并: colspan=”合并单元格的个数"
合并单元格3步曲:
- 先确定是跨行还是跨列合并。
- 找到目标单元格,写上合并方式=合并的单元格数量。比如: <td colspan= "2" > </td>.
- 删除多余的单元格。
列表标签
表格是用来显示数据的,那么列表就是用来布局的。
列表最大的特点就是整齐、整洁、有序,它作为布局会更加自由和方便。
根据使用情景不同,列表可以分为三大类:无序列表、有序列表和自定义列表。
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里面可以放任何标签 |