1. QObject::tr("<h1><font color = green>%1</font>的人品指数:<font color = orange>%2</font>"
  2. "<h4>点评:奸雄,实实在在的奸雄,宁可我负人人,不可人人负我,"
  3. "你的人品不及格,小心哦。"
  4. "<h2><font color = gray>代表人物:曹操</font>"
  5. "<img src=\":/images/CC.jpg\">"
  6. ).arg(_Name).arg(_Score));

用html可以设置 字体 图片 颜色等。。。

2. html 编写示例

<p> 创建新段落,<br>插入一个回车

  1. tml>
  2. <body>
  3.  
  4. <p>
  5. 要在一段中换行<br>要用br这个Tag
  6. </p>
  7.  
  8. </body>
  9. </html>

<h1> <h6>标题大小 1最大6最小

  1. <html>
  2. <body>
  3.  
  4. <h1>这是1号标题</h1>
  5. <h2>这是2号标题</h2>
  6. <h3>这是3号标题</h3>
  7. <h4>这是4号标题</h4>
  8. <h5>这是5号标题</h5>
  9. <h6>这是6号标题</h6>
  10.  
  11. </body>
  12. </html>

居中显示标题

  1. <html>
  2. <body>
  3.  
  4. <h1 align="center">这是标题</h1>
  5. <p>上面的标题是居中显示</p>
  6.  
  7. </body>
  8. </html>

<hr>显示横线

  1. <html>
  2. <body>
  3.  
  4. <p>用hr这个Tag可以在HTML文件里面加一条横线</p>
  5. <hr>
  6. <p>查看上面有没有横线显示</p>
  7. <hr>
  8.  
  9. </body>
  10. </html>
  11.  

常用格式示例

  1. <html>
  2. <body>
  3.  
  4. <p><b>粗体用b表示。</b></p>
  5. <p><i>斜体用i表示。</i></p>
  6. <p><del>芙蓉姐姐</del>这个词当中划线表示删除。</p>
  7. <p><ins>想唱就唱</ins>这个词下划线插入。</p>
  8. <p>X<sub>2</sub>其中的2是下标</p>
  9. <p>X<sup>2</sup>其中的2是上标</p>
  10. <p><blockquote>好好学习,天天向上。这句话缩进表示引用</blockquote></p>
  11. <pre>
  12. 这是
  13. 预设(preformatted)文本.
  14. 在pre这个tag里的文本 保留
  15. 空格和
  16. 分行。
  17. </pre>
  18. <code>call getOrders</code>
  19. <p>用code显示计算机代码,code里显示的字符是等宽字符。</p>
  20.  
  21. </body>
  22. </html>

------------------------------- 《转载》 详细说明如下 --------------------------

<pre></pre>         创建预格式化文本

<h1></h1>          创建最大的标题

<h6></h6>          创建最小的标题

<b></b>           创建黑体字

<i></i>           创建斜体字

<tt></tt>          创建打字机风格的字体

<cite></cite>       
创建一个引用,通常是斜体

<em></em>          加重一个单词(通常是斜体加黑体)

<strong></strong>     
加重一个单词(通常是斜体加黑体)

<font size=?></font>    
设置字体大小,从 1 到 7

<font color=?></font>   
设置字体的颜色,使用名字或十六进制值

2、图形(命令)

<img src="name">      
添加一个图像

<img src="name" align=?>  
排列对齐一个图像:左中右或上中下

<img src="name" border=?> 
设置围绕一个图像的边框的大小

<hr>             加入一条水平线

<hr size=?>         设置水平线的大小(高度)

<hr width=?>        
设置水平线的宽度(百分比或绝对像素点)

<hr noshade>        
创建一个没有阴影的水平线

3、链接(命令)

<a href="URL"></a>     
创建一个超链接

<a href="mailto:EMAIL"></a>
创建一个自动发送电子邮件的链接

<a name="NAME"></a>    
创建一个位于文档内部的靶位

<a href="#NAME"></a>    
创建一个指向位于文档内部靶位的链接

4、格式排版(命令)

<p>             创建一个新的段落

<p align=?>         将段落按左、中、右对齐

<br>             插入一个回车换行符

<blockquote></blockquote> 
从两边缩进文本

<dl></dl>          创建一个定义列表

<dt>             放在每个定义术语词之前

<dd>             放在每个定义之前

<ol></ol>          创建一个标有数字的列表

<li>             放在每个数字列表项之前,并加上一个数字

<ul></ul>          创建一个标有圆点的列表

<li>             放在每个圆点列表项之前,并加上一个圆点

<div align=?>       
一个用来排版大块HTML 段落的标签,也用于格式化表

二、HTML基本语法

文件格式<html></html>(文件的开头与结尾)

主题<title></title>(放在文件的开头)

文头区段<head></head>(描述文件的信息)

内文区段<body></body>(放此文件的内容)

标题<h?></h>(?=1~6,改变标题字的大小)

标题对齐<h align=right,left,center></h>

字加大<big></big>

字变小<small></small>

粗体字<b></b>

斜体字<i></i>

底线字<u></u>

上标字<sup></sup>

下标字<sub></sub>

居中<center></center>

居左<left> </left>

居右<right> </right>

基本字体大小<basefont size>(取值范围从1到7,默认值为3)

改变字体大小<font size=?></font>(?=1~7)

字体颜色<font color=#rrggbb></font>(RGB色码)

指定字型<font face=?></font>(?=宋体,楷体等)

网址链结<a href="URL"></a>

设定锚点<a name="?"></a>(?以容易记为原则)

链结到锚点<a href="#?"></a>(同一份文件)

<a href="URL#?"></A>(锚点不同文件)

显示图形<img src="URL"></a>

图形位置<img src="URL" align=top,bottom,middle,left,right>(分别为上、下、中、左、右的位置)

图形取代文字<img src="URL"alt=?>(无法显示图形时用)

图形尺寸<img src="URL" width=? height=?>(?以像素为单位)

连结图形边线<img src="URL"border=?>(?以像素为单位)

图形四周留白<img src="URL"hspace=? vspace=?>(?以像素为单位)

段落<p></p>

断行<br></br>

横线<hr>

横线厚度<hr size=?>(?以像素为单位)

横线长度<hr width=?>(?以像素为单位)

横线长度<hr width=?%>(?与页宽相比较)

实横线<hr noshade>(无立体效果)

背景图案<body background=图形文件名>(图形文件格式为gif和jpg)

背景颜色<body bgcolor=#rrggbb>(RGB色码)

背景文字颜色<body text=#rrggbb>(RGB色码)

未链结点颜色<body link=#rrggbb>(RGB色码)

已链结点颜色<body vlink=#rrggbb>(RGB色码)

正在链结点颜色<body alink=#rrggbb(RGB色码)

三、具体在做html文件前,我们还有哪些需要做的:

1、网页图象一般有什么要求?

受网络传输速度制约,图象要尽量小。一般每幅最大不要20K。

图象格式一般为gif和jpg两种。通常单调的可以考虑使用gif压缩。用jpg处理照片比较合适,因为里面包含许多色彩的缓和变化。不管是哪种,做好后都应压缩以给图片减肥,但不要压得太多而失真。压缩可用JPEG
Optimizer或Image Optimizer两种工具,若用photoshop5.5做的图象,保存时直接用Save For Web可进行压缩。另外,Gif格式可作成动画。

2、选择图片的网络存储空间

建议各位卖家们事先可以找一个稳定的空间来存放你的图片,以确保你的买家随时可以看到精美漂亮的商品。注意:不要把图片存放在免费相册里,因为这些相册的路径一般都是虚拟的,每一次浏览的URL都会改变,这对我们卖家来说是非常不好的。

另外要注意的一点是:有一些买家反映看到的卖家商品的图片是小叉叉,这是因为一些卖家在用HTML粘贴图片的时候把自己电脑中C盘或者D盘(也就是本地路径)的图片的路径直接直接复制在命令中,这样就会造成卖家自己可以看到这些图片而你的买家们看到的则是叉叉!所以卖家们在用HTML制作图片的时候一定要注意不要用本地路径直接粘贴图片!

四、练习的例子:(红色字体部分即可修改成你自己的自定义)

第一:用HTML来插入一个图片,

<img src="http://www.cyberhome.cn/images/girl/PLMM_A.jpg">

Key:

第二:用HTML来插入一个URL,

<a href="http://www.cyberhome.cn/images/girl/PLMM_F.jpg">点击我进入</a>

Key:点击我进入

第三:插入url的同时,插入图片,点击图片就可以进入这个url,如做一个插入网园淘艺坊的图片链接代码: <a href="http://taobao.cyberhome.cn/"><img src="http://www.cyberhome.cn/images/girl/PLMM_C.jpg"></a>

Key:

第四:插入一段音乐     <bgsound src="Music File Name" loop=n>  
(音乐文件在同一文件夹)

高山流水:<embed src="http://www.cyberhome.cn/images/hill-water.mid" width="72" height="25" autostart="false" loop="1" align="absmiddle" controls="smallconsole/playbutton/pausebutton/stopbutton"></embed>

Key:

何日君再来:<a href="http://202.108.23.172/m?ct=134217728&tn=baidumt,
何日君再来 &word=mp3, http://lib.jiutai.org/longresdemo/fWJjZGVmZ2hhYmVlbWhpbjE$.mp3,, [%BA%CE%C8%D5%BE%FD%D4%D9%C0%B4]&si = %BA%CE%C8%D5%BE%FD%D4%D9%C0%B4;; %B5%CB%C0%F6%BE%FD&lm = 16777216">何日君再来</a>

Key:

何日君再来

QT 文本html显示格式的问题,如在QTextBrowser.setText用tr(),其中为html格式的更多相关文章

  1. qt文本编辑器

    示例代码: mainwindow.cpp #include "mainwindow.h" #include "ui_mainwindow.h" #include ...

  2. Qt文本读写之一:输入输出设备和文件操作

    一.输入输出设备 QIODevice类是Qt中所有I/O设备的基础接口类,为诸如QFile.QBuffer和 QTcpSocket等支持读/写数据块的设备提供了一个抽象接口.QIODevice类是抽象 ...

  3. QT文本转语音模块(TTS)QTextToSpeech

    QTextToSpeech是QT5.8以上的文本转语音模块. 使用方法: 在.pro工程文件中添加“QT += texttospeech”. 添加头文件 #include <QTextToSpe ...

  4. Qt文本读写之二:目录操作

    一.简介 QDir类用来访问目录结构及其内容,可以操作路径名.访问路径和文件相关信息以及操作底层的文件系统,还可以访问Qt的资源系统.Qt使用"/"作为通用的目录分隔符和URLs的 ...

  5. qt 文本中显示中文

    QTextCodec *codec = QTextCodec::codecForName("utf8");QTextCodec::setCodecForLocale(codec); ...

  6. [C++]Qt文本操作(按行读写)

    资料来源:https://blog.csdn.net/flyfish1986/article/details/79487104 #include <QDebug> #include < ...

  7. Qt富文本编辑器QTextDocument

    版权声明:若无来源注明,Techie亮博客文章均为原创. 转载请以链接形式标明本文标题和地址: 本文标题:Qt富文本编辑器QTextDocument     本文地址:https://www.tech ...

  8. Qt 富文本处理

    富文本处理 所有的类围绕 QTextDocument 展开, 它保证了用户可以创建和修改 富文本块, 而无须定义中间语言.一个 QTextDocument 可以通过两个接口操作, 一个是用于编辑的 C ...

  9. Qt写入unicode编码格式的文本(用QChar写入BOM标记,并且列出所有Qt支持的字符集)

    1.文本流设置unicode小端模式 2.写入文本前两个字节FF FE 3.字符串转成unicode编码 QList<QByteArray> list = QTextCodec::avai ...

随机推荐

  1. cocos2d-x设计模式发掘之三:管理者模式

      作者 firedragonpzy    地址:http://www.firedragonpzy.com.cn/index.php/archives/2103 想必读者一看这个题目又要纳闷了,神马又 ...

  2. KVM WEB管理工具webvirtmgr安装和使用

    生产环境的KVM宿主机越来越多,需要对宿主机的状态进行调控.这里用webvirtmgr进行管理.图形化的WEB,让人能更方便的查看kvm 宿主机的情况和操作 1 安装支持的软件源 yum -y ins ...

  3. 我的Android进阶之旅------>Android关于dp(dip)、sp转px的工具类

    下面是一个工具类,提供了dp.sp.px之间相互转化的方法. import android.content.Context; /** * dp.sp 转换为 px 的工具类<br> * & ...

  4. 常用模块一(os模块、序列化模块(json和pickle))

    一.os模块 os模块是与操作系统交互的一个接口. import os # 和文件和文件夹的操作有关 os.makedirs('dirname1/dirname2') # 可生成多层递归目录 os.r ...

  5. C++学习之旅get、getline的使用方法

    C++学习之旅get.getline的使用方法 面向行的输入:cin.getline(). 该函数读取整行.它使用通过回车键输入的换行符来确定输入结尾.要调用这样的方法,能够使用cin.getline ...

  6. CSS中input输入框点击时去掉外边框方法【outline:medium;】----CSS学习

    CSS 中添加 outline:medium; JS 控制焦点: $("#CUSTOM_PHONE").focus(function(event){ // this.attr(&q ...

  7. 分层架构下的纯JDBC事务控制简单解决方案【转】

    http://blog.csdn.net/qjyong/article/details/5464835 对目前的JavaEE企业应用开发来说,基本都会采用分层的架构, 这样可以分散关注.松散耦合.逻辑 ...

  8. Protobuf支持 pointf

    Protobuf支持 pointf序列化 加入:ProtoBuf.Meta.RuntimeTypeModel.Default.Add(typeof(System.Drawing.PointF), fa ...

  9. 在C#中动态编译T4模板代码

    转: http://www.wxzzz.com/1438.html 资料: https://cnsmartcodegenerator.codeplex.com/SourceControl/latest ...

  10. iOS 结构简单清晰的 设置页面

    这个是也是看了人家的代码,觉得甚是简单清晰,也是比较容易扩展.拿来学习一下 效果展示: 重点有以下2处: 1 .建立groupModel 列清组元素:当前组list 集合, 是否有header 或者 ...