1. 程式人生 > >QT 文字html顯示格式的問題,如在QTextBrowser.setText用tr(),其中為html格式

QT 文字html顯示格式的問題,如在QTextBrowser.setText用tr(),其中為html格式

QObject::tr("<h1><font color = green>%1</font>的人品指數:<font color = orange>%2</font>"
                                    "<h4>點評:奸雄,實實在在的奸雄,寧可我負人人,不可人人負我,"
                                    "你的人品不及格,小心哦。"
                                    "<h2><font color = gray>代表人物:曹操</font>"
                                    "<img src=\":/images/CC.jpg\">"
                                    ).arg(_Name).arg(_Score));


用html可以設定 字型 圖片 顏色等。。。

2. html 編寫示例

<p> 建立新段落,<br>插入一個回車

tml>
<body>

<p>
要在一段中換行<br>要用br這個Tag
</p>

</body>
</html>

<h1> <h6>標題大小 1最大6最小

<html>
<body>

<h1>這是1號標題</h1>
<h2>這是2號標題</h2>
<h3>這是3號標題</h3>
<h4>這是4號標題</h4>
<h5>這是5號標題</h5>
<h6>這是6號標題</h6>

</body>
</html>

居中顯示標題

<html>
<body>

<h1 align="center">這是標題</h1>
<p>上面的標題是居中顯示</p>

</body>
</html>

<hr>顯示橫線

<html>
<body>

<p>用hr這個Tag可以在HTML檔案裡面加一條橫線</p>
<hr>
<p>檢視上面有沒有橫線顯示</p>
<hr>

</body>
</html>
 

 常用格式示例

<html>
<body>

<p><b>粗體用b表示。</b></p>
<p><i>斜體用i表示。</i></p>
<p><del>芙蓉姐姐</del>這個詞當中劃線表示刪除。</p>
<p><ins>想唱就唱</ins>這個詞下劃線插入。</p>
<p>X<sub>2</sub>其中的2是下標</p>
<p>X<sup>2</sup>其中的2是上標</p>
<p><blockquote>好好學習,天天向上。這句話縮排表示引用</blockquote></p>
<pre>
這是
預設(preformatted)文字.
在pre這個tag裡的文字      保留
空格和
分行。
</pre>
<code>call getOrders</code>
<p>用code顯示計算機程式碼,code裡顯示的字元是等寬字元。</p>

</body>
</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>(取值範圍從17,預設值為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=圖形檔名>(圖形檔案格式為gifjpg)

背景顏色<body bgcolor=#rrggbb>(RGB色碼)

背景文字顏色<body text=#rrggbb>(RGB色碼)

未鏈結點顏色<body link=#rrggbb>(RGB色碼)

已鏈結點顏色<body vlink=#rrggbb>(RGB色碼)

正在鏈結點顏色<body alink=#rrggbb(RGB色碼)

三、具體在做html檔案前,我們還有哪些需要做的:

1、網頁圖象一般有什麼要求?

受網路傳輸速度制約,圖象要儘量小。一般每幅最大不要20K

圖象格式一般為gifjpg兩種。通常單調的可以考慮使用gif壓縮。用jpg處理照片比較合適,因為裡面包含許多色彩的緩和變化。不管是哪種,做好後都應壓縮以給圖片減肥,但不要壓得太多而失真。壓縮可用JPEG OptimizerImage 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:

何日君再來