<!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>
html从入门到放弃(2)-入门标签:带输入格式的段落、文字方向和块引用(2)
最新推荐文章于 2022-06-21 13:19:18 发布