• TML是標簽語言，瀏覽器識別網絡傳遞的最基本的信息就是HTML標簽和標簽包含的內容，所有網頁信息都是這種類型的，開發者用標簽來標記信息內容傳給瀏覽器，瀏覽器識別并解釋標簽要求的種顏色、樣式來展示內容，這種內容一般叫超文本或富文本

無代碼元件的TAG屬性就是為了定義是什么樣的HTML標簽

默認的標簽可以在需要時修改，上圖中就是開發區選中一個Pane元件，下部屬性中顯示其為div標簽對象，所以我們一般其稱為顯示塊元件

以上示例是一個表格元件，默認的表格中行元件標簽是tr
WWW規范中，表格行元件tr中必須是td元件，不能是div或其他，所以如果我們需要放一個顯示塊元件時，需改顯示塊元件的TAG為td
同理，可以查看表格中默認放的日期、數字TAG都是td

用第三方工具合成自定義的HTML內容

上例是用百度UEditor在線進行一個表格富文本生成的演示
注意生成的HTML富文本正常是有換行處理，但在輸入到HTML Display富文本（也叫超文本）顯示元件中時，需刪除換行符號
 · 刪除方式為，將富文本放入一個文本編輯查看工具中，如Notepad++
 · 用查找替換方式，查到\r\n，替換為空格，將超文本轉為一行字符串
HTML富文本可以用Create From Template模板生成字符串元件來動態生成可變內容
 · 如果動態生成富文本，需將固定寫入的a b ... 改為變量${a} ${b} ... 然后作為模板進行處理
自定義的HTML富文本在開發中，會常用到，作為高級技能的一部分，建議按以上方式掌握
 · 可以用以生成打印內容，Lodop打印的HTML內容可以用HTML富文本傳入，參考“第三方插件接入”中“Lodop專業打印”一節內容
 · 第三方圖表中的代碼，也是由富文本生成并處理的，參考“第三方插件接入”中“Echarts數據可視化”一節內容

• 建議在線使用Ueditor等專業工具處理富文本
• · 請參考：https://ueditor.baidu.com/website/onlinedemo.html

用無代碼HTML富文本顯示元件展示要顯示的內容

拖放一個HTML富文本顯示元件
拖入一個字符串常量元件，F2打開后，字符串常量值輸入我們用第三方或自寫的的富文本

*****

本文為TERSUS無代碼開發手冊文章，供參考學習使用，在有需要詳細了解對應內容時細看學習，敬請關注并轉發文章

參考我們手冊第一個文章中的2分鐘的計算器功能的拖放連線開發演示，可學會無代碼開發是如何開發軟件的

想學無代碼軟件開發的學員請先學習3小時免費教學視頻，3小時內可學會開發并開發出一套管理軟件系統，然后看手冊及其他視頻來進階提高快速成為高級開發人員

HP是世界上最好的語言，這是一個老梗。

有不少學習PHP的程序員后來去做了前端開發，畢竟近些年前端開發還是蠻吃香的。

學習PHP不僅僅要學習html，而且還要學習CSS。

CSS是萬維網聯盟在 HTML 4.0 之外提出，目的是為了讓CSS完成樣式與內容的分離。

那么，CSS如何入門呢?w3cschool在這里分享幾個方法：

0、研究w3cschool CSS教程

w3cschool官方本身就有CSS教程，我們看教程的目的主要還是要了解CSS到底是干什么用的。

其實，用一句簡單的話來說，改變我們看的網頁的樣子.。

1、CSS微課游戲化編程體驗

w3cschool新開發了CSS微課，這可能是很多程序員小伙伴所需要的。

CSS直接抓住了CSS教程中比較核心的一些概念和語法，并且有實戰的訓練習題。

其內容包括了CSS基礎、CSS文本樣式、CSS屬性、CSS定位和布局，讓你系統、立體地全面認識CSS。

CSS微課實現了游戲化的編程體驗，關卡是循序漸進的，這迫使你不能跳躍而忽略一些重要的編程知識。

其中，習題類型包含了判斷題、選擇題、實戰訓練題。

理論離不開實戰，CSS微課做到了例子多，概括技術全面。

當你可以通關的時候，你已經對CSS算是有一個比較深刻的認識，也掌握了一定的CSS編程技能。

2、CSS看什么書呢?

學編程一定要讓編程本身變得有趣，所以大可以先玩編程。

用CSS微課學習是一種有趣化的方法。

另外，閱讀《css禪意花園》，就當成一本故事書看，隨便翻翻你會發現css確實很好玩的。

TML5發展如火如荼，隨著各大瀏覽器對 HTML5 技術支持的不斷完善以及HTML5 技術的不斷成熟，未來 HTML5 必將改變我們創建 Web 應用程序的方式。今天這篇文章向大家推薦8款優秀的HTML5開發工具，幫助你更高效的編寫 HTML5 應用。

1、Initializr

Initializr 是制作 HTML5 網站最好的入門輔助開發工具，你可以使用提供的特色模板快速生成網站，也可以自定義，Initializr 會為你生成代碼簡潔的可定制的網頁模板。

2、HTML5demos

想知道你的瀏覽器是否支持 HTML5 Canvas 嗎？想知道 Safari 是否可以運行簡單的 HTML5 聊天客戶端嗎？HTML5demos 會告訴你每一個HTML5特性在哪些瀏覽器中支持。

3、HTML5 Tracker

想了解 HTML5的最新動向嗎? 使用 HTML5 Tracker 吧，它可以跟蹤 HTML5 最新修訂信息。

4、HTML5 visual cheat sheet

想要快速超找一個標簽或者屬性嗎？看看這個非常酷的速查手冊吧，每個Web開發人員的必備。

5、Switch To HTML5

Switch To HTML5 是一個基礎而實用的模板生成工具。如果你開始一個新項目，可以到這里獲取免費的 HTML5 網站模板。

6、Cross browser HTML5 forms

HTML5 中的日歷，取色板，滑塊部件等都是非常棒工具，但是有些瀏覽器不支持。這個頁面將幫助你構建完美的HTML5表單兼容方案。

7、HTML5 Test

你瀏覽器準備好迎接 HTML5 革命了嗎？HTML5 Test 將告訴你。這個網站會為你當前使用的瀏覽器生成一份對video、audio、canvas等等特性的支持情況的完整報告。

8、Lime JS

LimeJS 是一個 HTML5 游戲開發框架，用于快速構建運行于觸屏設備和桌面瀏覽器的游戲。非常棒的HTML5開發工具，一定要用用試試。

更多內容和資訊或者問題，更多干貨分享，盡在我的個人微信公眾號，

微信名：非著名程序員，微信號：smart_android（←長按復制）。

微博：澀郎