低代码应用开发 课件 第2章 低代码应用开发基础知识.pptx

第2章低代码应用开发

基础知识低代码应用开发

0102目录相关技术HTML5开发基础CSS中间件通信协议数据库JSON

相关技术01

HTML5HTML（HyperTextMarkupLanguage，超文本标记语言）是万维网最核心的超文本标记语言。“超文本”指的是超链接，“标记”指的是标签。HTML是一种用来制作网页的语言，这种语言由一个个标签组成。用这种语言制作的文件保存的是一个文本文件，文件的扩展名为“.htm”或“.html”，一个.htm/.html文件就是一个网页。

HTML5HTML文档通常以文档声明开始，该声明的作用是帮助浏览器确定其尝试解析和显示的HTML文档类型。文档声明必须是HTML文档的第一行且顶格显示，对大小写不敏感。整个HTML文档包含在一个html/html标签对中，由头（head）和体（body）两部分构成。HTML文档的基本结构如下：1、HTML文档的基本结构!DOCTYPEhtmlhtmlheadlang=enmetacharset=utf-8/title我的第一个网页/title/headbody我的第一个网页/body/html

HTML51）大小写区分问题：网页基本上是不区分大小写的，但在XHTML中，要使用小写字母来定义页面中所有的元素和属性，包括CSS样式表中的属性等也要使用小写字母。2）正确嵌套所有元素3）元素必须要封闭4）属性必须加上双引号5）明确所有的属性值6）推荐使用级联样式表控制外观7）使用注释8）推荐使用外部链接来调用脚本2、XHTML语言的基本语法规范

HTML5标签的种类、数量很多，具体可以查看附录中“HTML基本常用标签/属性”的内容。1）基本标签html标签用来定义HTML文档结构，head标签用来定义HTML文档的头部信息，meta/标签用来定义HTML文档的元信息，title标签用来定义文档的标题信息，link/标签用来定义文档与外部资源的关系，style标签用来定义文档的样式信息，body标签用来定义HTML文档的正文部分，即可见的页面内容，script标签用来定义脚本代码，!--...--标签用来定义HTML注释内容。3、标签的使用

HTML52）标题标签和图像标题标签用来定义一段文字的标题或主题，并且支持多层次的内容结构。HTML提供了六级标题标签h1～h6，并赋予了标题一定的外观。段落标签p表示一段文字等的具体内容，换行标签br/表示强制换行，水平线标签hr/表示一条水平线，预定义格式标签pre表示可以根据预先编排好的格式显示内容。图像是网页中不可缺少的一种元素，图像标签的基本语法结构如下：imgsrc=图片地址alt=替代文字title=鼠标悬停时的提示文字width=宽度height=高度/a标签主要有两种作用：超链接和锚记。基本语法结构如下：超链接：ahref=链接的地址URLtarget=目标窗口位置链接文本或图像/a锚记：aname=锚名/target属性用于指定链接在哪个窗口打开，主要取值有_self（自身窗口）、_blank（新建窗口）、_parent（父窗体）、_top（顶级窗体）、自定义窗体名。在超链接中使用锚名时，锚名前需要加上“#”，如ahref=#锚名/。3、标签的使用

HTML53）列表标签列表是信息资源的一种展示形式。它可以使信息结构化和条理化，并以列表的形式显示出来。列表分为3种类型：无序列表（ul+li）、有序列表（ol+li）、定义列表（dl+dt+dd）。3、标签的使用

HTML54）表格标签标准的表格通常每行的列数一致，同行单元格的高度一致且水平对齐，同列单元格的宽度一致且垂直对齐，形成一个不易变形的长方形盒子结构，堆叠排列起来结构稳定。表格标签的基本语法结构如下：tabletrtd第1行第1列/tdtd第1行第2列/td…/trtrtd第2行第1列/tdtd第2行第2列/td…/tr…/table表格还可以用caption标签设置表格标题，表头部分用th标签（默认具有粗体和居中对齐特性）代替td标签即可。3、标签的使用

HTML55）表单标签在HTML5中，使用form标签来实现表单的创建，该标签属于容器标签，其他表单标签需要在它的范围内才能有效地实现表单数据的传递。表单标签的基本语法结构如下：formmethod=…action=…表单元素…/form其中，method属性表示表单提交数据的