并列关系(兄弟关系):没有谁包含谁,他们是平级的。...这是并列关系 HTML标签学习 总结一下分为四个部分,排版标签、文本格式化标签、媒体标签与链接标签。...我是一级标签 我是二级标签 段落标签 在网页中,使用p标签定义段落,它可以将整个网页分为若干个段落 语义:段落 我是吴彦祖 水平线标签...这些水平线可以通过插入图片实现,也可以简单地通过标记来完成,就是创建横跨网页水平线的标记,水平线标签是一个单标签。.../",一次类推,如<img src="..
它需要许多不同的值,但坦率地说,在大多数情况下你将只使用 4 个值。 block:CSS 中的块级元素,它占用尽可能多的空间,但它们不能放置在同一水平线上。...inline:这是默认值,如果没有指定任何其他显示值,元素可以并排放置在与内联元素相同的水平线上。...像、、 等 HTML 标签就是内联元素的好例子,我们无法控制它们的宽度和高度。...但是,如果你对如何在 CSS 中选择背景有一个清晰的解释,那么使用 HTML 元素会容易得多。...background-position:可以控制背景相对于HTML元素的位置,这里需要两个值,X & Y。X是离左边的偏移值,Y是离顶部的偏移值。
---- HTML 水平线 标签在 HTML 页面中创建水平线。 hr 元素可用于分隔内容。 实例 这是一个段落。 这是一个段落。... 这是一个段落。 HTML 注释 可以将注释插入 HTML 代码中,这样可以提高其可读性,使代码更易被人理解。浏览器会忽略注释,也不会显示它们。...---- 本站实例 标题 如何在 HTML 文档中显示标题。 隐藏注释 如何在 HTML 源代码中插入注释。 水平线 如何插入水平线。...---- HTML 标签参考手册 菜鸟教程的标签参考手册提供了有关这些标题及其属性的更多信息。 您将在本教程下面的章节中学到更多有关 HTML 标签和属性的知识。...标签 描述 定义 HTML 文档 定义文档的主体 - 定义 HTML 标题 定义水平线 定义注释
后代选择器(Descendant Selector): 通过空格分隔两个或多个选择器,用于选择某个元素内部的所有特定后代元素,如 div p 会选择所有位于 div 内的 p 元素。...子代选择器(Child Selector): 使用>符号连接两个选择器,仅选择作为某元素直接子元素的元素,如 div > p 会选择所有直接嵌套在 div 下的 p 元素。...相邻兄弟选择器(Adjacent Sibling Selector): 使用+符号,选择紧接在另一元素后的元素,如 p + ul 会选择所有紧接在段落后面的无序列表。...一般兄弟选择器(General Sibling Combinator): 使用~符号,选择某个元素之后的所有特定兄弟元素,如 h1 ~ p 会选择所有跟在 h1 元素后的 p 元素。...important > 行内 > id > class > 标签 > 通配符|兄弟|相邻兄弟|子代 > 继承 先比较级别,级别一样比较各级别选择器出现的次数 当两个选择器权重一样时,以最后出现的为准 基础知识介绍
.a.a-1,也有.a,也可以.a-1 常用的两个伪类选择器 伪类选择器都是用:连接的 类名:nth-child(N):先确定位置,再筛选选择器 在同一结构下都是相同选择器时使用 类名:nth-of-type...--我们要body下的所有h2类标签字体都是红色--> div .h2{ color:red; } div>.h2{ color:red; } 三.兄弟(相邻)选择器 兄弟选择器:~进行连接,他是找到前者后他会接着找后者然后会一直遍历结束把所有的后者多找到...相邻选择器:+进行连接,他是找到前者后,在前者后面的相邻的才会选中,如果没相邻他会接着找第二个前者 注意 选择器放置位置前与放置位置后,会有影响有点类似正则匹配先匹配到第一个然后匹配第二个 他所改变的是他们后者而不是两个都改变...兄弟(相邻)选择器首先他们要是兄弟节点 四.属性选择器 属性选择器优先级同类 [属性名]查找所有有该属性的标签 [属性名=属性值]精确查找 [属性名^=值]以某某值开头 [属性名$=值]以某某值结尾
超文本:链接 标记:标签,带尖括号的文本 标签结构 标签要成对出现,中间包裹内容 里面放英文字母(标签名) 结束标签比开始标签多 / 标签分类:双标签和单标签 需要加粗的文字<strong...(英文)配合 Enter / Tab 键 04-标签的关系 作用:明确标签的书写位置,让代码格式更整齐 父子关系(嵌套关系):子级标签换行且缩进(Tab键) 兄弟关系(并列关系):兄弟标签换行要对齐...段落 显示特点: 独占一行 段落之间存在间隙 08-换行和水平线 换行:br 水平线:hr 09-文本格式化标签 作用:为文本添加特殊格式,以突出重点。.../media/vue.mp4" controls loop muted autoplay> 15-综合案例一-个人简介 网页制作思路:从上到下,先整体再局部,逐步分析制作 分析内容 →... Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。 Vue.js 自身不是一个全能框架——它只聚焦于视图层。
常见的有:,(显示一条水平线),,,(描述文档内元数据,如描述,编码,作者,关键字); 不常见的有:,,,<command...关于hr: ps:上述这行代码:改变水平线颜色;但如果要在css中设置,color:red不会生效(因为color设置的是字体颜色),可以考虑采用border...块元素:display: block; 常见有:div ul ol li dl dt dd h1~h6 p 行内元素(内联元素):display:inline; 常见有:a b...doctype是强制性的 中的XML namespace属性是强制的 ,,均是强制性的 元素语法: 元素必须正确嵌套 元素必须始终关闭;如<...:各顶点坐标;如果第一对坐标与最后一对坐标不一致,浏览器会添加一对坐标进行闭合图形 6.如何在页面上实现一个圆形的点击区域: map+area或者svg border-radius 纯js实现:首先判断一个点在不在圆上面
This is a paragraph of text. 3.粗体和斜体文本:使用粗体文本标签和斜体文本标签。... 4.换行符:该标签插入换行符。 This is the first line.This is the second line.... 5.水平线:该标签插入一条水平线,可用于分隔内容。 This is some text. This is more text.... 在 HTML 中创建链接 链接是 HTML 中的基础元素,因为它们允许您从一个页面导航到另一个页面。(anchor) 标签用于创建超链接。... 概括 在这篇博文中,我们探索了各种文本格式标签,并学习了如何在 HTML 中创建链接。练习使用这些标签来格式化您的内容并创建链接以增强导航。
-- 注释不会在浏览器中显示 --> 标签 br 标签就是一个换行功能标签 标签 在 p 标签中的内容会在开始与结束之间产生一个空白行并且它会自动换行 常用属性 align 的作用是设置段落中的内容对齐方式...,可取值有 left right center 标签 hr 标签会在页面上产生一个水平线 常用属性: align:可取值有 left right center 代表水平线位置 size:代表水平线高度...(厚度) width:代表水平线宽度 color:水平线的颜色 关于 HTML 中标签属性 两种方式: 直接设置值,默认单位是 px (像素) 可以设置百分比 <HR...如纯红色表示为 (255,0,0),十六进制表示为 #FF0000。按这种表达方式,理论上我们可以得到 256 * 256 *256=16777216 种颜色。...同级的子节点被称为同胞(兄弟或姐妹)。 在节点树中,顶端节点被称为根(root)。 每个节点都有父节点、除了根(它没有父节点)。 一个节点可拥有任意数量的子节点。 同胞是拥有相同父节点的节点。
(如果内容是两段文字,则不需要使用br标签换行这么麻烦,直接使用两个 p 标签即可) 四、文本标签 1.粗体标签-strong 可使用 strong标签 或 b标签来对文本进行加粗。...(下标) 下标 五、水平线标签 在 HTML 中,可使用 hr 标签来实现1条水平线。...七、自闭和标签 大部分标签都是成对出现的,这些标签都有一个“ 开始符号 ”和一个“ 结束符合 ”。 但有些标签是没有结束符号的,如:、。...在浏览器预览效果,有些元素是独占一行,其它元素不能跟这个元素位于同一行,如:p、div、hr等。 而有些元素不是独占一行,其它元素可以跟这个元素位于同一行,如:strong、em等。...但是在默认情况下,p标签的段落文字的首行是不会缩进的。 若想要让每一个段落首行都缩进2个字符的距离,我们会下意识的在代码中按下空格以达到目的,但是这种做法是无效的。
如: ? 1.4.3 空的Html标签 没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。 就是没有关闭标签的空元素( 标签定义换行)。...1.4.4 Html大小写不敏感 HTML 标签对大小写不敏感: 等同于。许多网站都使用大写的 HTML 标签。...2.3.1 p标签 标签是段落标签,可以将html文档分割为若干段落。浏览器会自动在段落前后添加空行。...button 定义可点击按钮(多数情况下,用于通过 JavaScript 启动脚本) 其它常用属性: name:定义标签名称 value:按钮显示名称 hidden... 是框架标签,它定义放置在每个框架中的页面。
= '' else 0) # 当匹配到空字符串时就是数据缺失部分,用0代替 26 print(x,y) # 查看结果发现第一组和第四组数据有误,看源码发现他们两个的分类名不是使用的center标签...13 75th Percentile = 25.25 14 ''' 上面已经求得各分位数值,分别在图中画出来,为了在上面原始图中画出,要放在一起执行: 1 # 在图中画出第25、50、75位的百分位水平线...如,处于p%位置的值称第p百分位数。p=50,等价于中位数;p=0,等价于最小值;p=100,等价于最大值。...perc_25 = 13.00 plt.axhline(perc_25, label='25th perc', c='r') legend(loc) plt.legend() 是将图中一些标签显示出来... loc参数让pyplot决定最佳放置位置,以免影响读图 numpy-mask函数 删除异常点 y_masked = np.ma.masked_where(y==0, y)
相机取景器中看到的网格 应用三分法的几种常见方式: 交叉点定位(视觉中点):将主要的主题或元素放置在画面的交叉点上,这些交叉点位于图像的两个垂直线和两个水平线的交汇处。...水平线对齐:尝试将水平线(如地平线、海平面等)放置在图像的上三分之一或下三分之一的水平线上,而不是将其放置在图像的正中央。这样可以增加图像的动态性和视觉层次感。...垂直线对齐:类似地,将垂直线(如建筑物、树木等)放置在图像的左三分之一或右三分之一的垂直线上,而不是中心位置。这样可以使图像更加平衡和有趣。...安德烈亚斯·古尔斯基的作品《莱茵河Ⅱ》(水平线应用) 对角线构图:绘制从画面一个角到另一个角的对角线,将主题或元素放置在对角线上,可以创造出更具动感和视觉冲击力的图像。...有些人会稍微留意一下背景,但很少有人会在意前景。 前景可以用来给照片增加深度(还有趣味),做法是在构图时,将一些物体放置在你和拍摄主体之间。
1 如何在同一画面画出多张图?...修改绘图参数,如 par(mfrow = c(2,2)) 或 par(mfcol = c(2,2)); par():mar设置图离四个边缘的距离;bg设置背景颜色;xaxt和yaxt设置坐标轴标签的类型...3 如何在已有图形上加一条水平线 使用低水平绘图命令 abline(),它可以作出水平线(y 值 h=)、垂线(x 值 v=)和斜线(截距 a=, 斜率 b=) 。...简要地说,高水平绘图命令可以在图形设备上绘制新图;低水平绘图命令将在已经存在图形上添加更多的绘图信息,如点、线、多边形等;使用交互式绘图命令创建的绘图,可以使用如鼠标这类的定点装置来添加或提取绘图信息。...12画图时的参数 axis():las设置坐标轴标签的方式(水平,垂直……)。 mtext():为四个坐标轴添加标签。 text():在给定坐标的位置写字。
标题标签 #入门基础篇 中已经见识过了,HTML 中用 h1~6 表示(双标签) 段落标签 p [paragraph] 标签表示独占一行,(双标签) 分割线标签 hr [horizontal...span 跨度,跨距;范围 两个都是双标签 区别 div 标签 用来布局的,但是现在一行只能放一个 div span 标签 用来布局的,一行上可以放好多个...span 小结 标签名定义说明标题标签作为标题使用,并且依据重要性递减段落标签可以把 HTML 文档分割为若干段落水平线标签就是一条线换行标签强制换行...div 标签用来布局的,但是现在一行只能放一个 divspan 标签用来布局的,一行上可以放好多个 span 标签属性 标签属性就是外在特性 水平线的长度是...-- 注释语句 --> 一般用于简单的描述,如某些状态描述、属性描述等 注释内容前后各一个空格字符,注释位于要注释代码的上面,单独占一行
在此之前,让我们看一下matplotlib可以绘制的一些图。 Plot Types matplotlib中有许多不同的Plot Types。...legend()是实现绘图的MATLAB函数,可在图上启用标签。最后,show()将打开plot或graph屏幕。 ? ? 水平线 ?...使用zip()函数,两个数组合并在一起:xpoints []的第一个元素与color []数组的第一个元素。比如,第一行=绿色,第二行=青色,依此类推。...这两个数组都使用zip()函数合并在一起,遍历最终数组,并且用axhline()绘制线,如下面的输出所示: ? ? 保存图形 ? 绘制图形后,如何保存输出图形?...,70,80,90,100] y2 = [40,50,60,70,80,90,100] plt.plot(x2,y2,color =“ m”) plt.show() 思考以下代码,以更好地理解如何在一个图中绘制多个图形
首先,Apache先判断一下,文件拓展名。...如内容 语法格式:内容 "属性"的理解:人的特征(属性)有身高=170cm、体重=100KG、姓名=张三...如:、、 (2)HTML标记属性可有可无,有的标记是没有属性的,如:、、等 (3)双边标记的内容在开始和结束标签之间,单边标记没有内容...先在HTML文件的当前路径下创建一个images文件夹,注意,最好还是让存放图片的文件夹和HTML在同一路径下,这样便于管理。 ? 往这个文件夹放入一张图片格式,gif,png,jpg等等都可以。。。...(2)换行标记 (3)水平线标记(单边标记): size:水平线的粗细,单位一般为px color:颜色 width:水平线的宽度 noshade:去掉水平线的阴影
再过两天就要过年了,趁过年前把这些刚刚学过的知识整理一下,然后试着做几个具体项目练练手。本文是第一篇——html。将不定期更新,把接触到的内容及时填补到本文中。... 元素是 HTML 页面的根元素 元素包含了文档的元(meta)数据,如 定义网页编码格式为 utf-8。...-- spellcheck属性是对其进行拼写检查 --> 其次是基本所有的标签都可以使用的百搭属性,非常常用,值得背一下 1.class 用于绑定css属性 <h2 class=...: ~ 标题标签,标题、副标题、章、节…… 文字 段落标签,上下都有空行 文字 换行标签 水平线标签 size...为水平线的粗细 color为水平线的颜色 width为水平线的宽度 用于导入外部
HTML第一天 Web标准: 结构HTML 样式CSS 行为JavaScript ---- 注释: 快捷键ctrl+/ 为代码添加的具有解释性、描述性的信息,主要用来帮助开发人员理解代码 ---- 标签的分类...: 双标签:例如:p h strong 单标签:例如:img br hr ---- 标签的关系: 1、嵌套关系(父子) 2、并列关系(兄弟) ---- 1、标题标签 h1~h6 独占一行,并且从h1...~h6文字逐渐减小 2、段落标签 p (独占一行,段落之间存在间隙) 3、换行标签 br (单标签,让文字强制换行) 4、水平线标签 hr ---- 文本格式化标签 加粗:strong b 下划线:ins...u 倾斜:em i 经常用来做一些小图标 删除线:del s 推荐前者写法,有利于机器解析(对搜索引擎SEO)有帮助(强调语义更强烈) ---- img图片标签: src图片路径 alt图片加载不出来时... ***可以适应不同浏览器用 source 然后把格式都写一遍(MP3、Wav、Ogg)*** ---- video视频标签: 视频标签目前支持三种格式:MP4 、WebM 、Ogg
---- HTML 实例解析 元素: ? 这个 元素定义了 HTML 文档中的一个段落。 这个元素拥有一个开始标签 以及一个结束标签 ....---- HTML 水平线 标签在 HTML 页面中创建水平线。 hr 元素可用于分隔内容。 实例 ? ?...标签 描述 定义 HTML 文档 定义文档的主体 - 定义 HTML 标题 定义水平线 <!...---- HTML 格式化标签 HTML 使用标签 ("bold") 与 ("italic") 对输出的文本进行格式, 如:粗体 or 斜体 这些HTML标签被称为格式化标签(请查看底部完整标签参考手册...HTML 链接 如何在HTML文档中创建链接。 (可以在本页底端找到更多实例) ? ? ---- HTML 超链接(链接) HTML使用标签 来设置超文本链接。
领取专属 10元无门槛券
手把手带您无忧上云