1.HTML学习笔记

一、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 ;
空格字符	;