格式标记
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>
HTML文档设置标记
原文地址:https://www.cnblogs.com/chy-op/p/9924130.html