• 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（←长按复制）。

微博：涩郎