格式标记
1.<br> 强制换行标记,让后面的文字、图片、表格等,显示在下一行。单标记
2.<p> 换段落标记,换段落是由于多个空格和回车在HTML中会被等效为一个空格,所以HTML中要换段落就要用到<p>,<p>段落中也可以包含<p>段落
3.<center> 居中对齐标记,让段落或者文字相对于父标记居中显示
4.<pr> 预格式化标记,保留预先编排好的格式,即使很多个空格,也会全显示出来
5.<li> 列表项目标记,每一个列表使用一个<li>标记
6.<ul> 无序列表标记
7.<ol> 有序列表标记,可以显示特定的一些顺序
1.格式:
<ol type="符号类型">
<li type="符号类型"></li>
<li type="符号类型"></li>
</ol>
2.有序列表的type属性值
1 阿拉伯数字1,2,3等,默认的type属性值
A 大写字母A、B、C等
a 小写字母a、b、c等
I 大写罗马数字
i 小写罗马数字i、ii、iii等
3.value 指定一个新的序列数字起始值
4.列表可以进行嵌套
8.<dl> <dt> <dd> 定义型列表
使用场合:对列表条目进行简短的说明
格式:
<dl>
<dt>软件说明:</dt>
<dd>简单介绍软件的功能及基本应用</dd>
<dt>软件界面</dt>
<dd>用于选择软件的外观</dd>
</dl>
9.<hr> 水平分割线标记,段落之间的分割线(单标记)
10.<div> 分区显示标记,也称之为层标记
常用来编排一大段的HTML段落,也可以用于格式化表,和<p>很相似
层可以多层嵌套使用
文本标记
1.hn 标题标记,共有6个级别,n的范围1~6,不同级别对应显示大小不同的标题,h1最大,h6最小
2.font 字体设置标记,设置字体的格式
三个常用属性:
1.size (字体大小) <font size="3"> 取值范围是1-7,浏览器默认是3 XHTML 1.0中不支持size属性
2.color (颜色) <font color="red">
3.face (字体) <font face="微软雅黑">
3.b 粗字体标记
4.i 斜字体标记
5.sub 文字下标字体标记
6.sup 文字上标字体标记
7.tt 打印机字体标记
8.cite 引用方式的字体,通常是斜体
9.em 表示强调,通常显示为斜体字
10.strong 表示强调,通常显示为粗体字
11.small 小型字体标记,可多级嵌套
12.big 大型字体标记,可多级嵌套
13.u 下划线字体标记
<html> <head> <title>第三节课</title> <meta charset="utf-8"> </head> <body> <!--麦子学院!<br/>非常棒--> <!-- <p> 麦子学院!非常棒!麦子学院!非常棒!麦子学院!非常棒!麦子学院!非常棒!麦子学院!非常棒!麦子学院!非常棒! </p> <p> <p>1276387126378123</p> <p>asdhsdasdasdhash花大哥好安静</p> </p> <p> <center>麦子学院!</center> </p> <p>麦子学院! 非常棒</p> <p><pre>麦子学院! 非常棒</pre></p> <li>第一节课</li> <li>第二节课</li> <li>第三节课</li> <li>第四节课</li> <li>第五节课</li> <ul> <li>第一节课</li> <li>第二节课</li> <li>第三节课</li> <li>第四节课</li> <li>第五节课</li> </ul> <ol type="1"> <li>第一节课</li> <li value="5">第二节课</li> <li>第三节课</li> <li>第四节课</li> <li>第五节课</li> </ol> <ol type="A"> <li>第一节课</li> <li>第二节课</li> <li>第三节课</li> <li>第四节课</li> <li>第五节课</li> </ol> <ol type="I"> <li>第一节课</li> <li>第二节课</li> <li>第三节课</li> <li>第四节课</li> <li>第五节课</li> </ol> <ol type="A"> <li>A选项 <ol type="a"> <li>第一节课</li> <li>第二节课</li> <li>第三节课</li> <li>第四节课</li> <li>第五节课</li> </ol> </li> <li>B选项 <ol type="a"> <li>第一节课</li> <li>第二节课</li> <li>第三节课</li> <li>第四节课</li> <li>第五节课</li> </ol> </li> <li>第三节课</li> <li>第四节课</li> <li>第五节课</li> </ol> <dl> <dt>软件说明:</dt> <dd>简单介绍软件的功能及基本应用</dd> <dt>软件界面</dt> <dd>用于选择软件的外观</dd> </dl> --> <div> 麦子学院! <hr> 麦子学院! </div> <div> 麦子学院! <hr> 麦子学院! </div> </body> </html>
<html> <head> <title>第四节课</title> <meta charset="UTF-8"> </head> <body> <!-- Hn标题标记 麦子学院<br/> <h1>麦子学院</h1> <h2>麦子学院</h2> <h3>麦子学院</h3> <h4>麦子学院</h4> <h5>麦子学院</h5> <h6>麦子学院</h6> font 标记 麦子学院 <font size="1">麦子学院</font> <font size="3">麦子学院</font> <font size="7">麦子学院</font> <font size="7" color="red" face="微软雅黑">麦子学院</font> <font size="7" color="red" face="宋体">麦子学院</font> <font size="7" color="red" face="新细明体">麦子学院</font> B标记加粗 麦子学院 <b>麦子学院</b> i标记斜体 麦子学院 <i>麦子学院</i> sub下标标记 2<sub>2</sub> sup上标标记 2<sup>2</sup> 引用标记 <cite>麦子学院</cite> em标记表示强调,显示为斜体 <em>麦子学院</em> strong标记表示强调,加粗显示 <strong>麦子学院</strong> small标记,显示小一号字体,可以嵌套使用,当字体为最小时将会显示最小字体字号 <small>麦子学院</small> <small><small>麦子学院</small></small> <small><small><small>麦子学院</small></small></small> big标记,显示大一号的字体 <big>麦子学院</big> <big><big>麦子学院</big></big> u标记是显示下划线 <big><big><big><u>麦子学院</u></big></big></big> --> </body> </html>