HTML文本格式化

格式化文本(formattedtext,styledtext,richtext),是与纯文本(plaintext)相对,具有风格、排版等信息,如颜色、式样(黑体、斜体等)、字体尺寸、特性(如超链接)等。

QQ截图20161010172438.png 

这里我们来一个大汇总,接着刚刚我们的HTML文件(作为默认的比较):

QQ截图20161205164742.png

QQ截图20161205164834.png

从图片我们就可以直观的看出字体的区别。

大家是不是觉得每写完一句要想换行每次都要加一个换行标签< br/>比较麻烦,下面我们就来介绍一下预格式文本(所谓预格式文本就是指代码叶和网页展示是一样的格式,不用额外添加换行符标签就能换行)

< pre>....< /pre>标签的使用

我们就在刚才的文件修改,把后面的换行符都删掉,将其内容丢到< pre>标签中,就可以得到与之前差不多的格式(但是看起来还是有区别的)。

QQ截图20161205165318.png

QQ截图20161205165313.png

这个标签适用于代码的粘贴,你想过没有,要是没有这个标签,要想控制网页中显示的代码格式,是一件多么难的事。


继续学习
||
<html> <body> <pre> 这是 预格式文本。 它保留了 空格 和换行。 </pre> <p>pre 标签很适合显示计算机代码:</p> <pre> for i = 1 to 10 print i next i </pre> </body> </html>
提交重置代码
章节
笔记
提问
课件
反馈
捐赠

弹指间学会HTML+CSS

  • 推荐课程
  • 评论
  • 问答
  • 笔记
  • 课件下载

扔个三星炸死你

看懂了

8年前    添加回复 0

这是啥

大致明白了

8年前    添加回复 0

你的名字

相当于给字体排版

8年前    添加回复 0

城堡下的诡洞

这个pre标签还是蛮实用的

8年前    添加回复 0

baby不要哭泣

<strong>需要强调的文本</strong>

8年前    添加回复 0

使用<pre>标签有什么用?

[最新 数据分析师 的回答] 使用标签有什么用?-PHP中文网问答-使用标签有什么用?-PHP中文网问答围观一下哦,学习一下。

时间:8年前

课件暂不提供下载,工作人员正在整理中,后期请多关注该课程~