码迷,mamicode.com
首页 > 其他好文 > 详细

那些body里的块级标签

时间:2017-06-18 00:02:34      阅读:212      评论:0      收藏:0      [点我收藏+]

标签:描述   序列   地址   换行符   使用   back   block   com   css   


1:HTML标签的分类:
块级:显示为块状独占一行,自动换行。
行级:在一行中从左往右依次排列,不会自动换行。
2:h标签:标题标签,共6种,显示黑体加粗
<h1>这是h1标签</h1>
<h2>这是h2标签</h2>
<h3>这是h3标签</h3>
<h4>这是h4标签</h4>
<h5>这是h5标签</h5>
<h6>这是h6标签</h6>
3:hr标签:表示一条水平线
<hr />
4:p标签:表示段落标签
<p>这是一段文字</p>
<p>这是一段文字</p>
5:<br/>:换行符
<br />
6:pre标签:预格式标签
会保留代码中的空格,回车等符号,直接在浏览器显示
pre标签常用于在网页中显示代码,保留代码格式。
<pre>
哈哈 哈哈哈
哈哈
</pre>
7:blockquote 块引用标签
表明一段话是从其它网站引用的
有一个重要属性:cite=""表示引用来源,常放一个网站地址,但浏览器不显示,
整段向后缩进两列。
<blockquote cite="http://www.jredu100.com">
光明正大的不要脸的抄
</blockquote>

8:无序列表 unorder list

有多个列表项组成,每个列表项前带小黑点;
无序列表用<ul>表示,每个列表项用<li>表示。
<ul>
<li>第一项</li>
<li>第二项</li>
<li>第三项</li>
<li>第四项</li>
<li>第五项</li>
</ul>
9:有序列表 order list
无序列表用<ol>表示,每个列表项用<li>表示。
<ol>
<li>第一项</li>
<li>第二项</li>
<li>第三项</li>
<li>第四项</li>
<li>第五项</li>
</ol>
10:定义(描述)列表 define
标题<dt>顶格显示,描述项<dd>缩进两格。
<dl>
<dt>这是dl列表的标题</dt>
<dd>这是描述项1</dd>
<dd>这是描述项2</dd>
<dd>这是描述项3</dd>
<dd>这是描述项4</dd>
</dl>
11:图片组合标签 figure
用于将图片和图片的标题包裹到一起;
很少使用。
<figure>
<img src="" />
<figcaption>图片的描述标题</figcaption>
</figure>
12:分区标签 div
仅仅起包裹内容,用于网页划分区块;
可以包裹任何内容,需要配合CSS使用;
最常用。
<div style="width: 100%;height: 100px;background-color: yellow;">
这是div里面的文字
</div>

那些body里的块级标签

标签:描述   序列   地址   换行符   使用   back   block   com   css   

原文地址:http://www.cnblogs.com/xiaoxiaoz/p/7041721.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!