集训笔记3-html标记

html标记
-----------------------------------
1. html特殊字符标记
 定义：在写网页时，有一些特殊字符需要使用转义字符方式去实现。
 e.g. <鲁宾孙漂流记>
 * 小于号： < &lt; less than
 * 大于号：> &gt; grater   than
 * 空格： &nbsp; 如果只需要一个空格的话，可以使用键盘空格代替。如果需要多个空格调整缩进，可以使用&nbsp
 *版权符号：@ &copy;
 *人民币符号：￥ &yen;
 *换行： <br>

2. 文本标记
加粗<b></b>
倾斜<i></i>
下划线<u></u>
删除线<s></s>
下标
上标

【扩展】
<div style="text-decoration:line-through; color:#ae424c;" > <h5 style="font-size:50px; font-weight:400;"> 北大&清华 </h5> </div>

4. 标题元素
 作用：醒目
 <h1></h1>
 <h2></h2>
 <h3></h3>
 <h4></h4>
 <h5></h5>
 <h6></h6>
 <h7>普通文本？</h7>

 【特点】
 *字体放缩
 *字体加粗
 *自占一行

 【属性】
 *align, 决定元素在水平方向的排列方式
 *取值，left/center/right
 *默认值为：left

5. 分割线元素
 作用：绘制一个上下划分的线条
 语法：<hr>,单标记

 属性：
 *width 宽度，取值以px(像素)为单位，或者用百分数表示：width = "50%"

 *color 颜色，取值：合法的颜色为英文单词或者16进制的数值。

 *align 元素在水平方向的排列方式。left/center/right,默认居中

 *size 元素的尺寸（高度），取值，px为单位的数值
 

6. 段落元素
 语法：<p></p>
 特点：
 *默认换行（自占一行），
 *垂直空白外边距

 属性：
 align: 元素在水平方向的排列方式。left/center/right

7. 预格式化标记
 特点:保留标记中的换行和空格
 语法：<pre></pre>

8. 分区元素
8.1. 块分区元素
 作用：布局DIV+CSS
 语法：<div></div>
 属性：
 *align, 决定元素在水平方向的排列方式
 *取值，left/center/right
 *默认值为：left

8.2. 行内分区元素
 语法：<span></span>
 我的包是<span style = "color:green">绿色</span>的。