html标记
-----------------------------------
1. html特殊字符标记
定义:在写网页时,有一些特殊字符需要使用转义字符方式去实现。
e.g. <鲁宾孙漂流记>
* 小于号: < < less than
* 大于号:> > grater than
* 空格: 如果只需要一个空格的话,可以使用键盘空格代替。如果需要多个空格调整缩进,可以使用 
*版权符号:@ ©
*人民币符号:¥ ¥
*换行: <br>
-----------------------------------
1. html特殊字符标记
定义:在写网页时,有一些特殊字符需要使用转义字符方式去实现。
e.g. <鲁宾孙漂流记>
* 小于号: < < less than
* 大于号:> > grater than
* 空格: 如果只需要一个空格的话,可以使用键盘空格代替。如果需要多个空格调整缩进,可以使用 
*版权符号:@ ©
*人民币符号:¥ ¥
*换行: <br>
2. 文本标记
加粗<b></b>
倾斜<i></i>
下划线<u></u>
删除线<s></s>
下标<sub></sub>
上标<sup></sup>
加粗<b></b>
倾斜<i></i>
下划线<u></u>
删除线<s></s>
下标<sub></sub>
上标<sup></sup>
【扩展】
<div style="text-decoration:line-through; color:#ae424c;" > <h5 style="font-size:50px; font-weight:400;"> 北大&清华 </h5> </div>
<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>
作用:醒目
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
<h7>普通文本?</h7>
【特点】
*字体放缩
*字体加粗
*自占一行
*字体放缩
*字体加粗
*自占一行
【属性】
*align, 决定元素在水平方向的排列方式
*取值,left/center/right
*默认值为:left
*align, 决定元素在水平方向的排列方式
*取值,left/center/right
*默认值为:left
5. 分割线元素
作用:绘制一个上下划分的线条
语法:<hr>,单标记
属性:
*width 宽度,取值以px(像素)为单位,或者用百分数表示:width = "50%"
*width 宽度,取值以px(像素)为单位,或者用百分数表示:width = "50%"
*color 颜色,取值:合法的颜色为英文单词或者16进制的数值。
*align 元素在水平方向的排列方式。left/center/right,默认居中
*size 元素的尺寸(高度),取值,px为单位的数值
6. 段落元素
语法:<p></p>
特点:
*默认换行(自占一行),
*垂直空白外边距
语法:<p></p>
特点:
*默认换行(自占一行),
*垂直空白外边距
属性:
align: 元素在水平方向的排列方式。left/center/right
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>的。
语法:<span></span>
我的包是<span style = "color:green">绿色</span>的。