必知HTML基础
提示：点击上方\”WEB网页设计自学平台\”↑ 可以订阅噢！
摘要 51RGB官方微信在学习CSS制作知识之前，我们必须需要认识的HTML什么基础知识。
一、必知HTML基础-CSS教程系列
-
目录
-
搞清浏览器作用
-
搞清什么是HTML
-
html作用
-
html我们涉及哪些基础知识
-
常见html单词及单词功能作用有哪些
-
html结构
-
html与CSS关系
1、搞清浏览器作用
浏览器主要作用是浏览网页作用，在DIV+CSS制作开发时候仍然是浏览我们制作开发重构网页作用。浏览器可测试我们开发的CSS网页兼容性、网页效果、因开发疏忽导致错误等作用。
在CSS测试（CSS工具）里常用浏览器包括IE6、IE7、IE8、火狐（FF）、谷歌（chrome）、苹果Safari、Opera主流浏览器。至于傲游、360浏览器因为他们使用你系统自带的IE内核，所以不必考虑，只要支持你浏览器版本即支持类似这2款浏览器
需要兼容浏览器有哪些？http://www.51rgb.com/css-tool/t86.shtml
2、搞清什么是HTML
html是hypertext markup language的缩写，即超文本标记语言。可以这样理解，HTML文件是一定规则规律以html\\htm等命名后缀名的文本文件。
3、html作用
HTML作用，通过一定html自身语法结构（html结构），显示文字、图片、动画（flash）、视频或音频音乐。而CSS则是配合html实现漂亮的各式各样的页面内容。
4、html我们涉及哪些基础知识
Html扩展名、html源代码、DOCTYPE、html结构、head标签、charset
5、常见html单词及单词功能作用有哪些
a、B(strong)：加粗
b、P：换行实例：<p>我是第一段内容</p><p>我是第二段内容</p>
c、Br：提行实例：我是第一排<br />我是第二排内容
d、px：像素、长度宽度单位
实例：width:30px; 宽度30像素
e、ul、ol、li列表标签实例：
-
<ul>
-
<li>列表一</li>
-
<li>列表二</li>
-
<li>列表三</li>
-
</ul>
-
<ol>
-
<li>列表一</li>
-
<li>列表二</li>
-
<li>列表三</li>
-
</ol>
f、div与span：都是html标签
实例：<div>我占一行</div><span>我多长占多长位置</span>
两者区别：DIV占用1整排，而SPAN所占位置是内容多少占用多长长度
g、img：图片引用标签
<img src=\”/css-images/css-logo.gif\” />图片标签
h、dl dt dd：CSS的另类表格组合
实例：
<dl>
<dt>我是标题</dt>
<dd>列表一</dd>
<dd>列表二</dd>
</dl>
j、title：标题标签
实例：<title>标题</title>
特点，在一个网页内只能使用一次（只能出现一次）
6、html结构 – TOP
这里Html结构可用于每次新建制作网页模板使用。
旧html结构：
<!DOCTYPE html PUBLIC \”-//W3C//DTD XHTML 1.0 Transitional//EN\” \”http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\”>
<html xmlns=\”http://www.w3.org/1999/xhtml\”>
<head>
<meta http-equiv=\”Content-Type\” content=\”text/html; charset=utf-8\” />
<title>DIVCSS5标题</title>
</head>
<body>
具体网页呈现内容
</body>
</html>
经过CSS教程网的DIVCSS5优化后的HTML结构（可用于每次新建HTML模板）：
<!DOCTYPE html>
<html>
<title>标题</title>
<meta name=\”keywords\” content=\”关键字\” />
<meta name=\”description\” content=\”网页描述\” />
<link href=\”这里CSS文件引入地址\” rel=\”stylesheet\” type=\”text/css\” />
内容www.divcss5.com提供
7、html与CSS关系 – TOP
搞清楚html与CSS关系很重要，也是认识CSS基础。html与CSS关系解释：HTML内放置显示网页要显示的具体内容（图片、文字、动画等）而CSS是控制HTML内这些具体内容的怎么显示、怎么排版、颜色、大小、宽度、高度、左右布局等显示样式。
以上7点是学习CSS的html基础，可能还不完善，但是在以后运用的时候DIVCSS5会给大家详细、本简单CSS教程分为15节，此节DIV CSS教程以文字内容为主，以后会穿插更多实例和图例、跟我做的内容希望对大家能有帮助。
一款高效的Vue低代码表单、工作流表单
一款高效的Vue低代码表单、工作流表单，包含表单设计器和表单渲染器，可视化设计，一键生成源码，享受更多摸鱼时间。
- 拖拽式可视化表单设计；
- 支持PC、Pad、H5三种布局；
- 支持运行时动态加载表单；
- 支持表单复杂交互控制；
- 支持自定义CSS样式；
- 支持自定义校验逻辑；
- 支持国际化多语言；
- 兼容IE 11浏览器；
- 可导出Vue组件、HTML源码；
- 可导出Vue的SFC单文件组件；
- 支持开发自定义组件；
- 支持响应式自适应布局；
- 支持VS Code插件；
或
主页
单列表单
问卷表单
IPad
H5
https://gitee.com/vdpadmin/variant-form
C#快速开发平台-自定义表单开发之设计
自定义表单，是构建快速开发的一个载体，是快速开发平台用户可视化一个重要组成应用。也是目前低代码或者无代码之最重要的可视化部分。
自定义表单主打一个随时随地的变化，以快速适应用户的个性化要求。
1、定义表单
2、解析表单形成目标语言的可解析代码
3、运行时获取已经解析好的表单，根据get或者post等相关请求填充表单所需要的相关的表单的数据，最后实现表单解析
表单你可以认为视图窗口，如果开发winform或者可视化相关的程序员会明白这一点。表单的几个核心理念
1、表单是可视化的一个或者多个元素或者视图来构成
2、表单是一个控件
3、表单子控件是也是控件，每个控件可能有多个部分构成，每个部分称为当前控件的子控件，子控件又可以包含其他控件，直至无子控件
4、控件是由事件、属性、与方法构成，其中事件包含比如单击、双击、鼠标移入、鼠标移出等多个事件，另外参照Winform的设计方案，或者Load加载事件，用于视图一打开的时初始化工作。属性一般用于外观以及运行时需要的参数。方法是用于对控件的控制，设置比如属性、样式等。
控件又可以分为布局控件，比如div, p 等标签是一种布局控件，他是不分部分的，所有的控件可以称为子控件。 另外比如Card控件，他是由头部、主体、尾部 三个部分构成，每个部分又可以放下其他子控件。在这种多控件构成一个控件的时候，需要对主控件进行固化，属性中 有三个控件属性。
如果是前端开发，则所有的控件继承于一个方法为ToHtml(), 将控件转换成html,再通过主控件将子控件的html进行按结构组装从而形成一个整体的Html。
控件的数据源是属性中最重要的一个设计，这个关系到数据取得，以及数据存储。
1、采用xml方法进行控件的描述，比如winform, maui,wpf等都是采用当前的方案
2、采用json进行描述，现在目前前端的主流表示方法
表单解析是核心中的核心，也是最复杂的，或者设计架构最需要考虑的。
在运行时，表单解析，一定要带来效率的低下。所以需要采用静态化，或者缓存的方式将表单在发布的时候就渲染出来，在运行的时候直接取渲染后的结果。
大家如果有好的想法，可以一起沟通！互相关注，公共进步！
本文作者及来源:Renderbus瑞云渲染农场https://www.renderbus.com
文章为作者独立观点不代本网立场，未经允许不得转载。
投诉举报&联系我们：
