HTML格式标记
<br>
强制换行标记:让后面的文字、图片、表格等等,显示在下一行。例:
<html>
广东快3<head>
<title>第三节课</title>
<meta charset=”UTF-8”>
广东快3</head>
<body>
广东快3麦子学院!<br/>非常棒的在线IT培训!
</body>
</html>
执行结果:
<p>
换段落标记:换段落,由于多个空格和回车在HTML中会被等效为一个 空格,所以HTML中要换段落就要用<p>,<p>段落中也可以包含 <p>段落!例:
<html>
广东快3<head>
<title>第三节课</title>
<meta charset=”UTF-8”>
广东快3</head>
<body>
<p>
麦子学院!非常棒的在线IT学院!麦子学院!非常棒的在线IT学院!麦子学院!非常棒的在线IT学院!
</p>
<p>
麦子学院!非常棒的在线IT学院!麦子学院!非常棒的在线IT学院!麦子学院!非常棒的在线IT学院!
</p>
广东快3</body>
广东快3</html>
执行结果:
<center>
广东快3居中对齐标记:让段落或者是文字相对于父标记居中显示。例:
<html>
广东快3<head>
广东快3<title>第三节课</title>
广东快3<meta charset=”UTF-8”>
</head>
广东快3<body>
<p>
<center>麦子学院!非常棒的在线IT培训!</center>
</p>
广东快3</body>
</html>
广东快3执行结果:“麦子学院!非常棒的在线IT培训!”就会出现在网页的中间
<pre>
预格式化标记:保留预先编排好的格式。例:
<html>
广东快3<head>
广东快3<title>第三节课</title>
广东快3<meta charset=”UTF-8”>
</head>
<body>
<p>麦子学院! 非常棒的在线IT培训!</p>
<p><pre>麦子学院! 非常棒的在线IT培训!</pre></p>
广东快3</body>
广东快3</html>
执行结果:
<li>
广东快3列表项目标记:每一个列表使用一个<li>标记。例:
<html>
广东快3<head>
广东快3<title>第三节课</title>
广东快3<meta charset=”UTF-8”>
</head>
广东快3<body>
<li>第一节课</li>
广东快3<li>第二节课</li>
广东快3<li>第三节课</li>
<li>第四节课</li>
<li>第五节课</li>
</body>
</html>
<ul>
广东快3无序列表标记:<ul>声明这个列表没有序号
<ol>
有序列表标记:可以显示特定的一些顺序。
格式如下:
<ol type="符号类型">
<li type="符号类型"></li>
<li type="符号类型"></li>
广东快3</ol>
例1:
广东快3<html>
<head>
<title>第三节课</title>
<meta charset=”UTF-8”>
</head>
广东快3<body>
<ol>
广东快3<li>第一节课</li>
<li>第二节课</li>
广东快3<li>第三节课</li>
<li>第四节课</li>
<li>第五节课</li>
广东快3</ol>
</body>
</html>
例2:
<html>
广东快3<head>
<title>第三节课</title>
广东快3<meta charset=”UTF-8”>
</head>
广东快3<body>
<ol type=”1”>
<li>第一节课</li>
<li>第二节课</li>
<li>第三节课</li>
<li>第四节课</li>
<li>第五节课</li>
</ol>
<ol type=”A”>
广东快3<li>第一节课</li>
<li>第二节课</li>
广东快3<li>第三节课</li>
<li>第四节课</li>
<li>第五节课</li>
广东快3</ol>
广东快3</body>
</html>
有序列表的type属性值
①:1
广东快3 阿拉伯数字1.2.3等等,默认type属性值
②:A
大小字母A、B、C等等
③:a
小写字母a、b、c等等
④:Ⅰ
广东快3 大写罗马数字Ⅰ、Ⅱ、Ⅲ、Ⅳ等等
⑤:ⅰ
小写罗马数字ⅰ、ⅱ、ⅲ、ⅳ等等
value
广东快3指定一个新的序列数字起始值
列表可以进行嵌套
<dl><dt><dd>
定义型列表:对列表条目进行简短的说明。
格式如下:
<dl>
广东快3<dt>软件说明:</dt>
<dd>简单介绍软件的功能及基本应用</dd>
<dt>软件界面</dt>
广东快3<dd>用于选择软件的外观</dd>
广东快3</dl>
例:
<html>
<head>
<title>第三节课</title>
<meta charset=”UTF-8”>
广东快3</head>
广东快3<body>
<dl>
<dt>软件说明:</dt>
<dd>简单介绍软件的功能及基本应用</dd>
广东快3<dt>软件界面</dt>
<dd>用于选择软件的外观</dd>
</dl>
广东快3</body>
</html>
<hr>
水平分割线标记:段落之间的分割线。例:
<html>
<head>
<title>第三节课</title>
<meta charset=”UTF-8”>
</head>
<body>
麦子学院!非常棒的在线IT培训!
<hr>
广东快3麦子学院!非常棒的在线IT培训!
广东快3</body>
广东快3 </html>
执行结果:我们可以清楚的看到一条分割线
<div>
广东快3分区显示标记,也称之为层标记:常用来编排一大段的HTML段落,也可以用于格式化表,和<p>很相似,层可以多层嵌套使用。例:
<html>
<head>
广东快3<title>第三节课</title>
广东快3<meta charset=”UTF-8”>
</head>
<body>
广东快3<div>
广东快3麦子学院!非常棒的在线IT培训!
<hr>
麦子学院!非常棒的在线IT培训!
广东快3</div>
广东快3<div>
麦子学院!非常棒的在线IT培训!
<hr>
麦子学院!非常棒的在线IT培训!
</div>
</body>
广东快3 </html>
【本文由麦子学院独家原创,转载请注明出处并保留原文链接】