整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

06,html自定义菜单设计demo

1),截图

(2),文件夹, 线条, 页面等图标暂不能提供, 暂截图

(3),代码

  • 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小时内可学会开发并开发出一套管理软件系统,然后看手册及其他视频来进阶提高快速成为高级开发人员

式标签

格式标签用于定义网页中文本的布局、缩进、位置、换行、列表等

  • <br> 换行
  • <p> 段落
  • <center> 居中
  • <pre> 保留文字在源代码中的格式
  • <ul><li> 无序列表
  • <ol><li> 有序的列表
  • <hr> 水平分隔线

文本标签

在网页中,为了着意强调某一部分文字,或者为了让文字有所变化

  • <hn>
  • <b>
  • <i>
  • <u>
  • <sub>
  • <sup>
  • <font>
  • <tt>
  • <cite>
  • <em>
  • <strong>
  • <small>
  • <big>

超链接标签

  • 协议:主机:文件:附加资源

http://www.lamp.com/web/index.php?uname=zhangsan&age=10&sex=nan

  • 相对URL:

Images/logo.gif

../css/demo.css

../../js/demo.js

./admin/index.php

  • 绝对URL:

C:/appserv/www/image/logo.gif

/usr/local/apache/htdocs/www/index.php

http://www.lamp.com/web/index.php

  • <a href=“URL”>某某页面</a>

Target: _self _blank _parent _top name

锚点的应用

  • <a href=“URL”>某某页面</a> : 超连接
  • <a name=“name”>内容</a> :锚点
  • 使用时<a href=“#name”>定位位置</a>

图像标签

<img>

  • Src: 指定图片所在的URL
  • Border=边框的宽度
  • Alt:

鼠标放上有黄色小图标

如图像不存在,则出现它指定的文字

搜索引擎可以通过它指定的文字搜索该图片

  • Width
  • height

图像地图

  • 一个图像只能加一个a标签,做一个链接
  • 如果把一幅图像分成多个区域,每个区域指向不同的URL地址(为一个图片加多个链接)
  • 在图像<img>中使用usemap属性去使用地图
  • <map>定义热点区域
  • <area>指定每个热点区域
  • Shape指定形状 rect, poly, circle
  • Coords确定形状
  • href指定链接的位置