HTML格式标记



<br>


强制换行标记:让后面的文字、图片、表格等等,显示在下一行。例:

<html>

<head>

<title>第三节课</title>

<meta charset=”UTF-8”>

</head>

<body>

麦子学院!<br/>非常棒的在线IT培训!

</body>

</html>

执行结果:


 html1.png 

 


<p>


换段落标记:换段落,由于多个空格和回车在HTML中会被等效为一个 空格,所以HTML中要换段落就要用<p>,<p>段落中也可以包含 <p>段落!例:

<html>

<head>

<title>第三节课</title>

<meta charset=”UTF-8”>

</head>

<body>

<p>

麦子学院!非常棒的在线IT学院!麦子学院!非常棒的在线IT学院!麦子学院!非常棒的在线IT学院!

</p>

<p>

麦子学院!非常棒的在线IT学院!麦子学院!非常棒的在线IT学院!麦子学院!非常棒的在线IT学院!

</p>

 

</body>

</html>


执行结果:


 html2.png 



<center>


居中对齐标记:让段落或者是文字相对于父标记居中显示。例:

<html>

<head>

<title>第三节课</title>

<meta charset=”UTF-8”>

</head>

<body>

<p>

<center>麦子学院!非常棒的在线IT培训!</center>

</p>

</body>

</html>

 

执行结果:“麦子学院!非常棒的在线IT培训!”就会出现在网页的中间


 html3.png 



<pre>


预格式化标记:保留预先编排好的格式。例:

<html>

<head>

<title>第三节课</title>

<meta charset=”UTF-8”>

</head>

<body>

<p>麦子学院!        非常棒的在线IT培训!</p>

<p><pre>麦子学院!        非常棒的在线IT培训!</pre></p>

</body>

</html>


执行结果:


 html4.png 



<li>


列表项目标记:每一个列表使用一个<li>标记。例:

<html>

<head>

<title>第三节课</title>

<meta charset=”UTF-8”>

</head>

<body>

<li>第一节课</li>

<li>第二节课</li>

<li>第三节课</li>

<li>第四节课</li>

<li>第五节课</li>

</body>

   </html>


 html5.png 



<ul>


无序列表标记:<ul>声明这个列表没有序号



<ol>


有序列表标记:可以显示特定的一些顺序。


格式如下:


<ol type="符号类型">

<li type="符号类型"></li>

<li type="符号类型"></li>

</ol>


例1:


<html>

<head>

<title>第三节课</title>

<meta charset=”UTF-8”>

</head>

<body>

<ol>

<li>第一节课</li>

<li>第二节课</li>

<li>第三节课</li>

<li>第四节课</li>

<li>第五节课</li>

</ol>

</body>

   </html>


 html6.png 


例2:


<html>

<head>

<title>第三节课</title>

<meta charset=”UTF-8”>

</head>

<body>

<ol type=”1”>

<li>第一节课</li>

<li>第二节课</li>

<li>第三节课</li>

<li>第四节课</li>

<li>第五节课</li>

</ol>

<ol type=”A”>

<li>第一节课</li>

<li>第二节课</li>

<li>第三节课</li>

<li>第四节课</li>

<li>第五节课</li>

</ol>

</body>

   </html>


 html7.png 


 

有序列表的type属性值


①:1

 阿拉伯数字1.2.3等等,默认type属性值

②:A

 大小字母A、B、C等等

③:a

 小写字母a、b、c等等

④:Ⅰ

 大写罗马数字Ⅰ、Ⅱ、Ⅲ、Ⅳ等等

⑤:ⅰ

 小写罗马数字ⅰ、ⅱ、ⅲ、ⅳ等等



value


指定一个新的序列数字起始值


列表可以进行嵌套



<dl><dt><dd>


定义型列表:对列表条目进行简短的说明。


格式如下:


<dl>

<dt>软件说明:</dt>

<dd>简单介绍软件的功能及基本应用</dd>

<dt>软件界面</dt>

<dd>用于选择软件的外观</dd>

</dl>


例:


<html>

<head>

<title>第三节课</title>

<meta charset=”UTF-8”>

</head>

<body>

<dl>

<dt>软件说明:</dt>

<dd>简单介绍软件的功能及基本应用</dd>

<dt>软件界面</dt>

<dd>用于选择软件的外观</dd>

</dl>

</body>

   </html>


 html8.png 



<hr>


水平分割线标记:段落之间的分割线。例:

<html>

<head>

<title>第三节课</title>

<meta charset=”UTF-8”>

</head>

<body>

麦子学院!非常棒的在线IT培训!

<hr>

麦子学院!非常棒的在线IT培训!

</body>

   </html>

 

执行结果:我们可以清楚的看到一条分割线


 html9.png 



<div>


分区显示标记,也称之为层标记:常用来编排一大段的HTML段落,也可以用于格式化表,和<p>很相似,层可以多层嵌套使用。例:

<html>

<head>

<title>第三节课</title>

<meta charset=”UTF-8”>

</head>

<body>

<div>

麦子学院!非常棒的在线IT培训!

<hr>

麦子学院!非常棒的在线IT培训!

</div>

<div>

麦子学院!非常棒的在线IT培训!

<hr>

麦子学院!非常棒的在线IT培训!

</div>

</body>

   </html>


 html0.png


【本文由麦子学院独家原创,转载请注明出处并保留原文链接】


logo
© 2012-2016 www.trishajaya.com
蜀ICP备13014270号-4 Version 5.0.0 release20160127

免费领取价值1888元求职宝典!

客服热线 400-862-8862

回到顶部

湖北快3走势 山东群英会出号走势图 三分时时彩 小金棋牌 极速3D彩票 快三娱乐平台 疯狂斗牛 澳洲幸运10开奖结果 秒速时时彩 福建泰顺棋牌俱乐部