html从入门到放弃(2)-入门标签:带输入格式的段落、文字方向和块引用

来源:互联网 发布:java难点 编辑:程序博客网 时间:2024/06/07 05:22

具体事例见于代码:注意,短引用除了缩进外还会加上双引号

<!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标签 --><pstyle="font-size: 18px;">1.开始表演p标签:</p><p>看好了,我要按空格了     好了,接下来按回车换行了OK,按完了</p><pstyle="font-size: 18px;">2.开始表演pre标签:</p><!-- 上面的好像没什么用处,实施pre标签好了 --><pre>看好了,我再按下空格     OK,继续按回车换行好了,回车也按了</pre><p  style="font-size: 20px;color: red;">二.文字显示的方向</p><pstyle="font-size: 18px;">1.从左往右显示:</p><bdo>现在是从右往左开始显示</bdo><pstyle="font-size: 18px;">2.从右往左显示:</p></body><bdo dir="rtl">现在是从右往左开始显示</bdo><!-- 块引用 --><p  style="font-size: 20px;color: red;">三.块引用</p><pstyle="font-size: 18px;">1.长的引用:会自动添加左右边距</p><blockquote>我是长的引用,我是长的引用,我是长的引用,我是长的引用,我是长的引用,我是长的引用,我是长的引用,我是长的引用,我是长的引用,我是长的引用,我是长的引用,我是长的引用,我是长的引用,我是长的引用,我是长的引用,我是长的引用,我是长的引用,我是长的引用,我是长的引用,我是长的引用,我是长的引用,</blockquote><pstyle="font-size: 18px;">2.短的引用:只会首行缩进两个字节</p><q>我是短的引用,我是短的引用,我是短的引用,我是短的引用,我是短的引用,我是短的引用,我是短的引用,我是短的引用,我是短的引用,我是短的引用,我是短的引用,我是短的引用,我是短的引用,我是短的引用,我是短的引用,我是短的引用,我是短的引用,我是短的引用,我是短的引用,我是短的引用,我是短的引用,我是短的引用,我是短的引用,</q></html>

实际的显示效果见下:


阅读全文
0 0
原创粉丝点击