,这时就需要用到HTML中的文本格式化标签,使文字以特殊的方式显示。...---- 有序列表 ol (了解) 有序列表即为有排列顺序的列表,其各个列表项按照一定的顺序排列定义,有序列表的基本语法格式如下: 列表项1 列表项2标签,他就像一个容器,可以容纳所有的元素 ---- 表格属性 ---- 表头标签 表头一般位于表格的第一行或第一列,其文本加粗居中,如下图所示,即为设置了表头的表格。...表格中没有列元素,列的个数取决于行的单元格个数。 表格不要纠结于外观,那是CSS 的作用。...作用: 用于绑定一个表单元素, 当点击label标签的时候, 被绑定的表单元素就会获得输入焦点 如何绑定元素呢? for 属性规定 label 与哪个表单元素绑定。
每列左右间隙各15px .col-{1到12} 定义在所有屏幕下的列宽 .col-{sm|md|lg|xl}-{1到12} 定义在指定屏幕下该列占据的列宽,sm:屏幕>=576px、md:屏幕>=720px...、lg:屏幕>=960px、xl:屏幕>=1200px .offset-{1到11} 在所有屏幕下的列偏移 .offset-{sm|md|lg|xl}-{1到11} 在指定屏幕下的列偏移 【显示隐藏】...将所有列表项放置同一行 .pre-scrollable 使 元素可滚动,代码块区域最大高度为340px,一旦超出这个高度,就会在Y轴出现滚动条 【文字颜色样式】 .text-muted 柔和的文本....text-primary 重要的文本 .text-success 执行成功的文本 .text-info 代表一些提示信息的文本 .text-warning 警告文本 .text-danger 危险操作文本....card-link 卡片链接 .card-img-top 卡片中图片位于文字顶部 .card-img-bottom 卡片中图片位于文字底部 .card-img-overlay 卡片中图片做为背景 .
HTML中的文本格式化标签,使文字以特殊的方式显示。...有序列表 ol (了解) 有序列表即为有排列顺序的列表,其各个列表项按照一定的顺序排列定义,有序列表的基本语法格式如下: 列表项1 列表项2 标签,他就像一个容器,可以容纳所有的元素 表格属性 三参为0 border cellpadding cellspacing 为 0 表头标签 表头单元格一般位于表格的第一行或第一列,...表格中由行中的单元格组成。 表格中没有列元素,列的个数取决于行的单元格个数。 表格不要纠结于外观,那是CSS 的作用。...table 作用: 用于绑定一个表单元素, 当点击label标签的时候, 被绑定的表单元素就会获得输入焦点 如何绑定元素呢? for 属性规定 label 与哪个表单元素绑定。
如果名为 "pulpit.jpg" 的图像位于 www.runoob.com 的 images 目录中,那么其 URL 为 http://www.runoob.com/images/pulpit.jpg...浮动图像 本例演示如何使图片浮动至段落的左边或右边。 设置图像链接 本例演示如何将图像作为一个链接使用。 创建图像映射 本例显示如何创建带有可供点击区域的图像地图。其中的每个区域都是一个超级链接。...带有标题的表格 本例演示一个带标题 (caption) 的表格 跨行或跨列的表格单元格 本例演示如何定义跨行或跨列的表格单元格。 表格内的标签 本例演示如何显示在不同的元素内显示元素。...无序列表使用 标签 浏览器显示如下: HTML 有序列表 同样,有序列表也是一列项目,列表项目使用数字进行标记。 有序列表始于 标签。每个列表项始于 标签。...列表项项使用数字来标记。 浏览器中显示如下: HTML 自定义列表 自定义列表不仅仅是一列项目,而是项目及其注释的组合。 自定义列表以 标签开始。每个自定义列表项以 开始。
,作用就是可以简单明了; 关键字 等价和含义 center 中心居中 top 顶部居中 bottom 底部居中 right 右侧居中 left 左侧居中 百分数值...: direction属性: 块级元素中的文本书写方向,表中列布局的方向…… unicode-bidi属性:行内元素 文本属性: 属性 描述 color 设置文本颜色 direction 设置文本方向。...链接样式: 链接的四种状态: a:link 普通的,未被访问的链接 a:visited 用户已访问的链接 a:hover 鼠标指针位于链接上方 a:active 链接被点击时刻 文本修饰: text-decoration...属性:常用于去掉链接中的下划线 列表样式: 列表类型: 影响列表的样式,最简单的方法就是改变其标志类型 列表项标记: list-style-type属性: 设置列表的列表项的标志 列表项图像: list-style-image...table-layout 设置显示单元、行和列的算法。
DOCTYPE> * 位于文档的最前面,用于向浏览器说明当前文档使用哪种标准规范,必需在开头处使用文本内容】 默认情况下,文本在一个段落中会根据浏览器窗口的大小自动换行。...* base 标签 【】 ⚪ 设置整体链接的打开状态 ⚪ 位于 之间 * 注释 【<...必须位于 table 标签中,一般包含网页的logo和导航等头部信息。 ⚪ :用于定义表格的主体。...位于 table 标签中,一般包含网页中除头部和底部之外的其他内容。
从上图可以看到,ListActivity的默认布局是由一个位于屏幕中心的列表组成的。...二、自定义列表项 前面学习ListView都是使用的Android系统自定义列表项资源,基本都是一些纯文本的资源,界面不够炫目,也没有办法定制。...接下来就通过一个示例来学习如何自定义列表项。...,文本位于右侧。...从上图可以看到,列表布局里面使用了我们自定义的图标,也修改了文本显示样式。 但是在这个示例中,所有的图标都是相同的,往往不能满足实际开发需求,会在下一节中来进行学习。
相对路径分类 符号 说明 同一级路径 图像文件位于HTML文件同一级 下一级路径 / 图像文件位于HTML文件下一级 <img src="images/..." 跨列合并:colspan="合并单元格的个数" 三部曲 先确定跨行还是跨列 把合并代码写在目标单元格内(跨行就写在最上侧的单元格,跨列就写在最左侧的单元格) 删除多余的单元格 列表 属性 说明 ul...元素 无序列表,没有层级,都是并列的,列表项前会有点 li 嵌套在ul,ol里面的列表项 ol元素 有序列表,会有顺序,1,2,3, start 加在ol里面,可以设置编号的起始值<ol start="...input 标签中<em>的</em>type属性 单行<em>文本</em>输入框 密码输入框,输入<em>的</em>内容用圆点显示 单选按钮<input type...属性 说明 value 规定input控件<em>的</em>默认<em>文本</em>值 maxlength 规定输入字段中<em>的</em>最大长度 checked 首次加载就被选中,就是默认选中 textarea元素:创建多行<em>文本</em>框 <textarea
思考: 网页是如何形成的呢? ? 常见浏览器介绍 浏览器是网页运行的平台,常用的浏览器有IE、火狐(Firefox)、谷歌(Chrome)、Safari和Opera等。我们平时称为五大浏览器。 ?...HTML中的文本格式化标签,使文字以特殊的方式显示。...有序列表 ol (了解) 有序列表即为有排列顺序的列表,其各个列表项按照一定的顺序排列定义,有序列表的基本语法格式如下: 列表项1 列表项2 <...表头标签 表头一般位于表格的第一行或第一列,其文本加粗居中,如下图所示,即为设置了表头的表格。设置表头非常简单,只需用表头标签替代相应的单元格标签即可。 ?...公式: 删除的个数 = 合并的个数 - 1 总结表格 表格提供了HTML 中定义表格式数据的方法。 表格中由行中的单元格组成。 表格中没有列元素,列的个数取决于行的单元格个数。
th(表头单元格)标签 一般表头单元格位于表格的第一行或第一列,表头单元格里面的文本内容加粗居中显示.标签表示HTML表格的表头部分(table head的缩写)。...注意事项: 用于定义表格的头部。 内部必须拥有标签,一般是位于第一行。 用于定义表格的主体,主要用于放数据本体。...合并单元格 有些表格不需要那么多的单元格,我们可以给他们合并,这个时候需要用到合并单元格。合并单元格的时候有两种合并,一个是跨行合并,顾名思义就是跨行与行之间合并、还有一个跨列合并,列与列之间合并。...2”>即跨列合并两个单元格 删除被合并的单元格。...在表单元素中,标签是用于定义多行文本输入的控件。 使用多行文本输入控件,可以输入更多的文字,该控件常见于留言板,评论。
一般表头单元格位于表格的第一行或第一列,表头单元格里面的文本内容加粗居中显示....一般是位于第一行。 :用于定义表格的主体,主要用于放数据本体 。 以上标签都是放在 标签中。..., 写合并代码 方法: 先确定是跨行还是跨列合并。...无序列表的基本语法格式如下: 列表项1 列表项2 列表项3 ......在表单元素中, 标签是用于定义多行文本输入的控件。 使用多行文本输入控件,可以输入更多的文字,该控件常见于留言板,评论。
th(表头单元格)标签 一般表头单元格位于表格的第一行或第一列,表头单元格里面的文本内容加粗居中显示.标签表示HTML表格的表头部分(table head的缩写)。...注意事项: 用于定义表格的头部。 内部必须拥有标签,一般是位于第一行。 用于定义表格的主体,主要用于放数据本体。...合并单元格 有些表格不需要那么多的单元格,我们可以给他们合并,这个时候需要用到合并单元格。合并单元格的时候有两种合并,一个是跨行合并,顾名思义就是跨行与行之间合并、还有一个跨列合并,列与列之间合并。...语法格式: 列表项1 列表项2 列表项3 ... 注意事项: 无序列表的各个列表项之间没有顺序级别之分,是并列的。...在表单元素中,标签是用于定义多行文本输入的控件。 使用多行文本输入控件,可以输入更多的文字,该控件常见于留言板,评论。
1.1 HTML 简介 1.1.1 概述 HTML 是 HyperText Mark-up Language 的首字母简写,意思是超文本标记语言,超文本指的是超链接,标记指的是标签,是一种用来制作网页的语言...,这种语言由一个个的标签组成,用这种语言制作的文件保存的是一个文本文件,文件的扩展名为 .html 或者 .htm。...③ 自定义列表 常用于对术语或名词进行解释和描述,定义列表的列表项前没有任何项目符号。...表格宽度 height 像素 表格高度 align left、center、right 表格对齐方式 rowspan 单元格 跨行合并 colspan 单元格 跨列合并 其他标签 <...必须位于 table 标签中,一般包含网页的logo和导航等头部信息。 :用于定义表格的主体。位于 table 标签中,一般包含网页中除头部和底部之外的其他内容。
---- 1.交互思想如何让用户看到数据(how to see) 接上面的把前端当做一封信的假设 <!...空元素在开始标签中进行关闭(以开始标签的结束而结束) 大多数 HTML 元素可拥有属性 ---- (4).HTML属性与值 属性是用来修饰元素的 – 属性必须位于开始标签里 – 一个元素的属性可能不止一个...属性: align:水平对齐方式,默认居中 width:水平线的长度,可取像素(px)和百分比(%) size:水平线的高度 color:颜色 示例——使水平线在页面中间显示,它的宽度为页面的50% <...type 拥有的选项 1 表示列表项目用数字标号(1,2,3…) a 表示列表项目用小写字母标号(a,b,c…) A 表示列表项目用大写字母标号(A,B,C…) i 表示列表项目用小写罗马数字标号(i,...表单在 Web 网页中用来给访问者填写信息,从而能采集客户端信息,使网页具有交互的功能。
表头单元格标签th 作用: 一般表头单元格位于表格的第一行或第一列,并且文本加粗居中 语法: 只需用表头标签th</th替代相应的单元格标签td</td即可。 4....表格中由行中的单元格组成。 表格中没有列元素,列的个数取决于行的单元格个数。 表格不要纠结于外观,那是CSS 的作用。...1.2 有序列表 ol (了解) 有序列表即为有排列顺序的列表,其各个列表项按照一定的顺序排列定义,有序列表的基本语法格式如下: 列表项1 列表项2</li...如何绑定元素呢? 第一种用法就是用label直接包括input表单。...cols="每行中的字符数" rows="显示的行数" 我们实际开发不用 文本框和文本域区别 表单 名称 区别 默认值显示 用于场景 input type="text" 文本框 只能显示一行文本
网页是如何形成的呢? 代码->浏览器渲染->实际页面 常见浏览器内核介绍 浏览器是网页运行的平台,常用的浏览器有IE、火狐(Firefox)、谷歌(Chrome)、Safari和Opera等。...1.图像文件和HTML文件位于同一文件夹:只需输入图像文件的名称即可,如 2.图像文件位于HTML文件的下一级文件夹:输入文件夹名和文件名,之间用“/”隔开,如...>列表项2 列表项3 ...... 有序列表 ol 语法格式: 列表项1 列表项2 列表项3 .........表头标签 th 表头 tbody 表格主体 caption 表格标题 rowspan 跨行合并 colspan 跨列合并
2.Image Image组件用于渲染展示图片如: Image($r("app.media.icon")) .width(100) .height(100) 为了使图片在页面中有更好的显示效果,...Center:元素在主轴方向中心对齐,第一个元素与行首的距离以及最后一个元素与行尾距离相同。 End:元素在主轴方向尾部对齐,最后一个元素与行尾对齐,其他元素与后一个对齐。...同时设置columnsTemplate的值为’1fr 1fr 1fr 1fr’,表示这个网格为4列,将Grid允许的宽分为4等分,每列占1份;rowsTemplate的值为’1fr 1fr 1fr 1fr...这样就构成了一个4行4列的网格列表,然后使用columnsGap设置列间距为10vp,使用rowsGap设置行间距也为10vp。...,页签位于容器顶部。
网页是如何形成的呢? 代码->浏览器渲染->实际页面 常见浏览器内核介绍 浏览器是网页运行的平台,常用的浏览器有IE、火狐(Firefox)、谷歌(Chrome)、Safari和Opera等。...1.图像文件和HTML文件位于同一文件夹:只需输入图像文件的名称即可,如 2.图像文件位于HTML文件的下一级文件夹:输入文件夹名和文件名,之间用“/”隔开,如...>列表项2 列表项3 ...... 有序列表 ol 语法格式: 列表项1 列表项2 列表项3 .........水平对齐方式(left,center,right) 表格元素 thead 表头标签 th 表头 tbody 表格主体 caption 表格标题 rowspan 跨行合并 colspan 跨列合并
HTML(英文Hyper Text Markup Language的缩写)中文译为“超文本标签语言”,主要是通过HTML标签对网页中的文本、图片、声音等内容进行描述。...标题 为了使网页更具有语义化,我们经常会在页面中用到标题标签,HTML提供了6个等级的标题 标题标签语义: 作为标题使用,并且依据重要性递减 其基本语法格式如下: 标题文本 </hn...HTML中的文本格式化标签,使文字以特殊的方式显示。...列表标签 无序列表 ul (重点) 无序列表的各个列表项之间没有顺序级别之分,是并列的。...有序列表即为有排列顺序的列表,其各个列表项按照一定的顺序排列定义,有序列表的基本语法格式如下: 列表项1 列表项2 列表项3
---- 带2个按钮(确认、取消)的对话框 显示这样的对话框的关键是如何显示两个按钮以及响应这两个按钮的单击事件。...listener: 单击某个列表项被触发的事件对象 lableColumn:如果数据源是数据集Cursor,数据集中的某一列作为列表对话框的数据加载到列表控件中。...该参数表示该列的名称(字段名) ?...true,表示当前的列表项是选中状态,否则表示未选中状态 listener:表示选中某一哥列表项时被触发的事件对象 isCheckedColumn:该参数只用于数据集Cursor数据源,用于指定数据集的一列...也就是说,对于数据集来说,某个列表项是否被选中,是有另外一列的字段值决定的。 labelColumn:只用于数据集。指定用于显示列表项的列的字段名。 ?
领取专属 10元无门槛券
手把手带您无忧上云