一、HTML 概念
1、HTML:
- 超文本标记语言(英语:HyperText Markup Language)
2、常用的html标签
<br/>:换行
<sup>上标</sup>
<i>斜体</i>
<sub>下标</sub>
<span>没有样式</span>
3、列表
1)无序列表:
<ul>
<li>第一</li>
<li>第二</li>
</ul>
<ol>
<li>第一</li>
<li>第二</li>
<ol>
2) table 表格
<table>
<thead>
<tr>
<th>我是表头</th>
<th>我是表头</th>
</tr>
</thead>
<tbody>
<tr>
<td> 我是表内容</td>
<td> 我是表内容</td>
</tr>
<tr>
<td> 我是表内容</td>
<td> 我是表内容</td>
</tr>
</tbody>
<tfood>
<tr>
<td> 我是表尾</td>
<td> 我是表尾</td>
</tr>
</tfood>
</table>
表格的基本结构
<!-- :
2 <table></table> 表格的根标签 设置表格 基本标签,属性
3 <caption></caption> 设置表格的标题
4 <thead></thead> 设置表头行
5 <tbody></tbody> 设置表内容
6 <tfoot></tfoot> 表格脚部
7 <tr></tr> 行标签
8 <th></th> 设置表头单元格
9 <td></td> 标准的数据单元格
10 -->
表格的属性
<!--
3 1.表格外边框 border 4 2.单元格间距 cellspacing 5 3.单元格内填充 cellpadding 内容与边框之间的距离
6 4.表格的宽高 width height table标签中的宽高相当于 极限大小 宽度不能超过
7 5.背景颜色 bgcolor 8 颜色三种表示法:
9 1. 英文单词 red green 不能表示所有的颜色
10 2. 十六进制表示 #F9EE91
11 3. RGB red green blue 1600W种
12 rgb(0-255,0-255,0-255) 256*256*256
13 6.背景图片(相对引用/绝对应用) background
14 7.水平对齐方式(写到tr,td上调整的是内容)
15 align left(默认) center(居中) right(右边)
16 如果写在table标签中 调整的是 整个表格相对于其父元素(浏览器容器)的位置
17 8.垂直对齐方式 valign top(上) center(居中) bottom(下)
18
19 -->
20 <!-- px 表示像素 -->
21 <!-- 表格特性:同行高度一致,同列宽度一致 -->
表格合并
<!--
合并列 横向合并 从左-》右 colspan 合并几个单元格就等于几
合并行 纵向合并 从上-》下 rowspan 合并几个单元格就等于几
--> <!--rowspan:跨行,单元格垂直扩展,下面行的单元会被挤出去。要删除多余单元格
4.常用的特殊字符
特殊字符 | HTML编码 |
---|---|
< | & lt ; |
> | & gt ; |
© | &cop y ; |
&re g; | &re g ; |
空格字符 | ; |