具体事例见于代码：注意，短引用除了缩进外还会加上双引号
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h1 align="center" style="font-size: 30px;">Html从入门到放弃（2）</h1>
<p style="font-size: 20px;color: red;">一.输入带格式的段落</p>
<!-- 一个包含空格和换行的p标签 -->
<p
style="font-size: 18px;"
>1.开始表演p标签：</p>
<p>看好了，我要按空格了 好了，接下来按回车换行了
OK，按完了
</p>
<p
style="font-size: 18px;">2.开始表演pre标签：</p>
<!-- 上面的好像没什么用处，实施pre标签好了 -->
<pre>看好了，我再按下空格 OK，继续按回车换行
好了，回车也按了
</pre>
<p style="font-size: 20px;color: red;">二.文字显示的方向</p>
<p
style="font-size: 18px;"
>1.从左往右显示：</p>
<bdo>现在是从右往左开始显示</bdo>
<p
style="font-size: 18px;"
>2.从右往左显示：</p>
</body>
<bdo dir="rtl">现在是从右往左开始显示</bdo>
<!-- 块引用 -->
<p style="font-size: 20px;color: red;">三.块引用</p>
<p
style="font-size: 18px;"
>1.长的引用：会自动添加左右边距</p>
<blockquote>我是长的引用，我是长的引用，我是长的引用，我是长的引用，我是长的引用，我是长的引用，我是长的引用，我是长的引用，我是长的引用，我是长的引用，我是长的引用，我是长的引用，我是长的引用，我是长的引用，我是长的引用，我是长的引用，我是长的引用，我是长的引用，我是长的引用，我是长的引用，我是长的引用，</blockquote>
<p
style="font-size: 18px;"
>2.短的引用：只会首行缩进两个字节</p>
<q>我是短的引用，我是短的引用，我是短的引用，我是短的引用，我是短的引用，我是短的引用，我是短的引用，我是短的引用，我是短的引用，我是短的引用，我是短的引用，我是短的引用，我是短的引用，我是短的引用，我是短的引用，我是短的引用，我是短的引用，我是短的引用，我是短的引用，我是短的引用，我是短的引用，我是短的引用，我是短的引用，</q>
</html>实际的显示效果见下：
838
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
