def listUiFile(): list = [] files = os.listdir(dir) for filename in files: #...
doctype html> HTML页面部分 作用：表示页面的开始和结束 语法：在文档类型声明的下面编写一对html>标记 html>html> Html标签里面有两个标签，分别是 ...，必须使用括起来，标记分为两大类封闭类型标记 也叫双标记，必须成对出现，有开始和结束标签。... 第二步：链接到锚点 锚点名字”>化妆品 4、返回顶部 返回顶部 块级元素和行内元素 块级元素 在网页中独占一行，可以设置宽高 比如行分组表格中最上面的一行或几行，进行分组，就可以将这一行放在标签里 表尾行分组表格中最后一行进行分组的话，可以放在标签中 表主体行分组可以将若干个行，放在中,进行统一设置注意：若不对table中的数据进行分组，默认都在中 表格的嵌套被嵌套的表格必须写在里面.
HTML页面结构层HTML 分以下方面学习： HTML基础， HTML表格， HTML表单， 搭建网页结构 html基础 学习前端的第一门课程，为HTML基础，HTML标记语言，它是网页制作的第一步...DOCTYPE> 声明必须放在html文档第一行 声明不是HTML标签 html> html> 大于号或显示标记 ® ® 已注册 @copy; © 版权 ™ ™ 商标 Space 不断行的空白 列表标签应用场景 锚链接（同一页面） 超链接标签 定义锚...html> 规范： 1,和>括起来 2,成对出现，开始标签和结束标签，结束标签比开始标签多了一个/ HTML表格 基础表格 学习内容： 了解表格应用场景 表格基本结构 如何操作表格...表格属性 表格跨行跨列 表格嵌套 数据的展示 HTML表格 表格 行 单元格 ----
决定标题放在表格的顶部、底部、右边、左边、中间。 行（row）、表头（head）、数据（data）： ：放在最外层，创建一个表格； ：创建一行； ......：创建一个单元格； ：行末尾； :放在最外层。 ......行、单元格和表格标签的关系:标签对只能放在标签对之间使用； ...行、单元格和表格标签的关系:标签对只有放在标签对之间才有效； 输入 的文本也只有放在...可用作链接锚（link anchor），通过 JavaScript（HTML DOM）或通过 CSS 为带有指定 id 的元素改变或添加样式。
超文本标记语言 （负责页面结构） CSS 层叠样式表 （负责页面样式） JS 脚本语言 （负责页面行为） ---- HTML的基本结构 <!...target属性 ■ _self (在原来页面打开) ■ _blank (新窗口打开) ■ _top (打开是忽略所有的框架) ■ _parent (在父窗口中打开) 创建锚点和锚链接...■ 锚点也是一种超链接，是页面内进行跳转的超链接 第一步：创建锚点 ``锚点链接">`` 第二步 : 使用创建好的锚点名称 ``锚点名称">内容</...（Relative Path）相对于该文件的路径; 绝对路径：（Absolute Path）从磁盘出发的路径; / 开头表示根目录 ./ 表示当前目录； ../ 上级目录 直接用文件名不带 / 也表示同一目录...定义表格中的行，一个 表示一行 定义表格中的单元格， 一个表示一个单元格 举个例子 <
HTML常用文本标记 在body标记里写的文本内容会直接显示在页面上，但是这样直接写文本内容的方式不太好。...标记常用于文本缩写的介绍，也可以用于说明某段话，示例： ? 运行结果，将鼠标移到这句话上，就可以看到说明或介绍，加上了标记的文本下面会有一行虚线： ?...当浏览者单击已经链接的文字或图片后，链接目标将显示在浏览器上，并且根据目标的类型来打开或运行。 html的超级链接标记是，href属性用来声明链接到哪个网页或者工程里的哪个html文件。...上面所介绍的路径描述在超级链接里会应用到，当需要使用超级链接来链接工程下的某个html文件时可以使用相对路径和绝对路径，但是尽量使用相对路径。...命名锚记像一个迅速定位器一样是一种页面内的超级链接，运用相当普遍，能在一个页面里自由跳转。 使用命名锚记可以在文档中设置标记，这些标记通常放在文档的特定主题处或顶部。
1、文本标记 1、在 HTML 中，标记通常会被分为 2大类 1、行内元素 多个元素能够在一行内排列出来 ,,,...定义锚点 1、通过 a 标记的 name 属性来定义锚点 锚点名称">内容...2、通过任意标记的 id 属性来定义锚点 锚点名称"> 2、链接到锚点 将效果相同的连续的若干行划分到一个组中 1、表头行分组 允许将第一行 或 最上方的几行 划分到表头行分组中...语法： 2、表尾行分组 允许将最后一行 或 最下方的几行 划分到表尾行分组中 语法：
在 HTML 中，用于描述功能的符号称之为 "标记"，标记在书写时，必须用尖括号括起来() (1). 封闭类型标记 ①. 封闭类型标记必须成对出现 ②.... 预格式化 ，保留标记内的格式(回车 和 空格) 21. 块级元素和行内元素 (1). 块级元素，每一个块级元素独占一行, 块级元素的主要作用布局 (2)....锚点(Anchor)，在 html 文档的某行位置处做一个记号，允许通过超链接跳转到该记号位置处 (1). 定义锚点(做记号) ①....通过 a 标记的 name 属性，内容 ②. 通过任意标记的 id 属性，标记 id="名称">标记> (2). 链接到锚点(跳转到锚点处) ①.... 定义表行，和必须位于之中 30. 定义表格的第一行，单元格的内容会相对表格居中、加粗，td 允许被 th 替换 31.
图像标记 知识分析：路径分为相对路径和绝对路径 （1）相对路径，就是在同一个网站下，不同文件之间的的位置定位。...--图像的学习关键在于路径的设置，如果也是在同一目录下，设置如上面一行代码所示--> 11 行组和列祖之间有分割线 6.2：标记 什么时候使用：使用如果表格需要标题，那么就可以使用caption标记...left标题放在表格的左部，right标题放在表格的右部 6.3：tr标记 定义表格的一行，对于每一个表格行，都是有一对标记表示，每一行标记内可以嵌套多个...框架是将浏览器划分为不同的部分，每一部分加载不同的页面，实现在同一浏览器窗口中加载多个页面的效果 7.2：划分框架标记 语法格式：...
一：HTML的基本结构 1：html>内容html>:HTML文档由html>html>包裹，这是HTML文档的文档标记。这对标记分别位于网页的最前端和最后端。...标记的基本语法：锚点名称">链接文字或图片 标记主要有以下几个属性： 1：href属性值是链接的地址。...3：name属性用来指定页面的锚点名称。...标记的align属性有四个取值： ① top表示标题放在表格的上部 ② bottom表示标题放在表格的下部 ③ left表示标题放在表格的左部 ④ right表示标题放在表格的右部...3：标记用来定义表格的行，对于每一个表格行，都是由一对...
所以我们需要知道如何在 YAML 中编写列表和字典. YAML注释:使用#作为注释，并且YAML中只有行注释。...引用重复的内容在YAML中可以使用&来完成锚点定义，使用*来完成锚点引用 #在hr中，使用&SS为Sammy Sosa设置了一个锚点（引用）名称为SS，在rbi中使用*SS完成了锚点使用 hr: - Mark...相当于引用了default的数组， default: &default - Mark McGwire - Sammy Sosa hr: *default #注意hr: *default要写在同一行...主要和锚点配合使用，可以将一个锚点内容直接合并到一个对象中。 来看一个示例： #在merge中，定义了四个锚点，分别在sample中使用。...特殊符号与转义'符号妙用 # 1.如果字符串之中包含空格或特殊字符需要放在引号之中; str: '内容: 字符串' # 2.单引号和双引号都可以使用，但是双引号不会对特殊字符转义; s1: '内容\
html 语义化让页面的内容结构化，结构更清晰，便于对浏览器、搜索引擎解析；即使在没有样式 CSS 情况下也以一种文档格式显示，并且是容易阅读的; 搜索引擎的爬虫也依赖于 HTML 标记来确定上下文和各个关键字的权重...在定义 img 对象时，将 alt 和 title 属性写全，可以保证在各种浏览器中都能正常使用。 3.iframe的优缺点？...直接修改原始 HTML 文件时，所有的样式都处于同一个样式表中，可能会导致样式冲突或不必要的覆盖。...href与src的区别 1、请求资源类型不同：href 指向网络资源所在位置，建立和当前元素（锚点）或当前文档（链接）之间的联系。...这也是为什么建议把 js 脚本放在底部而不是头部的原因。 5.行内元素和块级元素的区别？ 行内元素：不会独立出现在一行，单独使用的时候后面不会有换行符的元素。
有下划线，鼠标放上去会出现小手 锚标记 在需要跳转的位置处，目的地写上锚点名称”> 如返回顶层。...height 一般只写一个另一个会等比例改变 width 和 height 一般只写一个另一个会等比例改变 当鼠标放在图片上时的文字提示 ait 文字提示 当图片无法显示或者路径不对时显示...name=”锚点名称”> 如返回顶层。...有下划线，鼠标放上去会出现小手 锚标记 在需要跳转的位置处，目的地写上锚点名称”> 如返回顶层。...有下划线，鼠标放上去会出现小手 表格是用来展示数据的 案例图片 发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/159781.html原文链接：https
（五）代码块 对于程序员来说这个功能是必不可少的，插入程序代码的方式有两种，一种是利用缩进(tab), 另一种是利用英文“`”符号（一般在ESC键下方，和~同一个键）包裹代码。...（4）代码块里面包含html代码 在代码区块里面， & 、 和 > 会自动转成 HTML 实体，这样的方式让你非常容易使用 Markdown 插入范例用的 HTML 原始码，只需要复制贴上，剩下的...（4）列表和其它要素混合使用 列表不光可以单独使用，也可以使用其他的 Markdown 语法，包括标题、引用、代码区块等。 注意事项：列表中包含多行代码块，需要另起一行，否则不生效。...，通过类似HTML的标记语法，它可以使普通文本内容具有一定的格式。...语法说明： 在你准备跳转到的指定标题后插入锚点{#标记}，然后在文档的其它地方写上连接到锚点的链接。
代码块 对于程序员来说这个功能是必不可少的，插入程序代码的方式有两种，一种是利用缩进(tab), 另一种是利用英文“`”符号（一般在ESC键下方，和~同一个键）包裹代码。...（4）代码块里面包含html代码 在代码区块里面， & 、 和 > 会自动转成 HTML 实体，这样的方式让你非常容易使用 Markdown 插入范例用的 HTML 原始码，只需要复制贴上，剩下的...（四）字体、字号与颜色 Markdown是一种可以使用普通文本编辑器编写的标记语言，通过类似HTML的标记语法，它可以使普通文本内容具有一定的格式。但是它本身是不支持修改字体、字号与颜色等功能的！...字体，字号和颜色编辑如下代码 ? 具体颜色分类及标记请看下表： ? 链接的高级操作（这个需要掌握一下，很有用） （1）行内式。这个在上文第二条基本语法的 链接这个小节已经过，这里就不继续讲解了。...语法说明： 在你准备跳转到的指定标题后插入锚点{#标记}，然后在文档的其它地方写上连接到锚点的链接。 使用如下图所示： ?
id 使用方式: 语法 效果 [标题](#锚点ID) 回到顶部 ---- 外部链接 # 语法 效果 1 [我的博客](https://www.i7dom.cn/2019/01/18/Markdown.html...---- 引用与多级引用 标记区块引用'>',只需要在整个段落的第一行最前面加上 使用语法: > 一级引用 >> 二级引用 >>> 三级引用 >>>> 四级引用 >>>>>五级引用 效果预览: 一级引用...二级引用 三级引用 四级引用 五级引用 列表 列表项目标记通常放在最左边，项目标记后面要接一个字符的空格。...在每行前面加上数字和'.'...您可以自由的转载和修改，但请务必注明文章来源和作者署名并说明文章非原创且不可用于商业目的。
——维基百科 YAML 仍然是一门标记性语言，但为了强调这门语言以数据为中心，而不是以标记语言为中心。采用反向缩略语重新命名。...不可再分的值 以下分别介绍这三种数据格式 对象 对象的一组键值对，是用冒号结构来表示 animal: pets 转为JavaScript { animal: 'pets' } YAML也支持另一种写法，将所有的键值对写成一个行内对象...str : 这是一行字符串 转为JavaScript { str: '这是一行字符串'} 如果字符串之间存在空格或其他特殊字符，需放在单引号之中。...: red">\n 段落\n\n' } 引用 锚点 & 和别名 * , 可以用来引用 defaults: &defaults adapter: postgres host: localhost...（defaults），锚点。
doctype html>是HTML5标准。 head部分：将页面的一些额外信息告诉服务器。不会显示在页面上。 body部分：我们所写的代码必须放在此标签內。...（3）标签要严格封闭 3.HTML结构详解 HTML标签通常是成对出现的（双边标记），比如 和 ，也有单独呈现的标签（单边标记），如：、和将知道，这两个东西，都是最最重要的“盒子”。 div：把标签中的内容作为一个块儿来对待(division)。必须单独占据一行。...首先，我们在 HTML 文档中对锚进行命名（创建一个书签）： 基本的注意事项 - 有用的提示 然后，我们在同一个文档中创建指向该锚的链接： 锚点的名称。 target：告诉浏览器用什么方式来打开目标页面。target属性有以下几个值： _self：在同一个网页中显示（默认值） _blank：在新的窗口中打开。
刚接触HTML的时候就知道描点，所以对描点这两个字特别熟悉，但一直没用过?。...最近对模板更新时用到了这一点，举例说一下 // a.html 点击跳转到第一个锚点 html#two">点击跳转到第二个锚点 // a.html...第一个锚点 // b.html 第二个锚点 如上所示，实现描点效果，需具备两个要素： 需要有一个锚点，这个锚点就是我们要跳转到的位置...一般情况下，我们会在目标节点上添加id属性或者name属性，这个id或者name属性的值就是我们寻找锚点的依据，推荐使用id属性来标记锚点（因为id能够在各种标签上使用，name属性标记锚点时只能用在a...同一页面内的锚点跳转时，给href赋值# + 锚点id的值或者# + 锚点name的值，需要跳转其他页面的锚点位置时，需要在#前面加上跳转的路径，例如：href="b.html#two"
HTML基础系列 ? image.png HTML标记语言，网页制作的第一步。 什么是HTML呢？...查百度 基础语法 常用标签 HTML是超文本标记语言，HTML不用编译，直接在浏览器中执行，HTML是一个文本文件。...DOCTYPE> 声明必须放在html文档第一行，不是html标签 编码文件 html;charset=utf...锚名"> 锚名" > 邮件链接： 下载： 表格的基本结构...-- 网页主体内容 --> html> 结言 好了，欢迎在留言区留言，与大家分享你的经验和心得。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
腾讯会议
云直播
对象存储
