htm空格编码、有序无序列表、img || 复习整理

1、在html中空格是文字分隔符；

2、空格文本的展示：html编码--->  

3、小于大于符号“<>”  : html编码---->&lt;div&gt; --->  <div>

4、<br/>  ---->   换行符

一、有序列表（没什么卵用。。。。。）

<!--type:有五个值(1/a/A/I/i)-->
<!--reversed="reversed" 倒序排列-->
<!--start="3	" 从第三个开始排，就算类型是a,也是填数字-->
<ol type="1">
	<li>java</li>
    <li>php</li>
    <li>android</li>
</ol>

二、无序列表

<!--type="circle空心圆/disc实心圆/square正方形"-->
<ul type="circle">
	<li>苹果</li>
    <li>橘子</li>
    <li>茄子</li>
</ul>

无序列表常用样式

<style>
*{
	margin:0;
	padding:0;
	}
ul{
	/*去掉黑点*/
	list-style:none;
	}	
li{
	/*让li在一行显示--左浮动*/
	float:left;	
	
	height:30px;
	/*文字上下居中*/
	line-height:30px;
	}
/*鼠标悬停效果*/	
li:hover{
	/*变成圆角*/
	border-radius:10px;
	background:#f40;
	}	
</style>

三、<img />图片

<img src="" alt="" title=""/>
<!--1.src=(1)网上的url。(2)本地的绝对路径.(3)本地的相对路径-->
<!--2.alt="图频占位符" 图片出错展示不出来的时候显示的文字-->
<!--3.title="图片提示符" 鼠标移到图片上后显示提示-->

积累：

一、颜色

    淘宝红：#f40

二、单词

charset  [t'ʃɑ:set]  字符集 

reversed [rɪ'vɜ:st]  推翻;（使）反转

disc  [dɪsk]  圆盘，实心圆

square   [skweə(r)]  正方形;

circle [ˈsɜ:kl]    圆;圈子 ;空心圆

hover    [ˈhɒvə(r)]   悬停
radius   [ˈreɪdiəs]    半径范围;半径（距离）;