__x__(9)0906第三天__常见的标签

x(9)0906第三天__常见的标签

<!doctype html> <html> <head> <meta charset="utf-8" /> <title>常见的标签</title> </head> <body> Hello Web!` <h1>一级标题</h1> <font>看起来h1最大,h6最小.</font> <font>但是我们并不关心显示效果,因为都可…

需要知道: 计算机只认 0 1 任何内容,计算机都会以 0 1 去存储所以 0 1 与内容的编码方式/解码方式需要依照一定的规则,实现 0 1 与内容之间的转换. 字符集:一定的规则,由编码/解码采用...相当于密码本. 乱码的根本原因:编码和解码所采用的字符集不同...想要不出现乱码,既需要指定浏览器的字符集,还需要确定源代码的字符集一致. 注意:采用ANSI选项时,会根据系统选择默认的编码,在中国就会自动选择GB2312...比如我们的浏览器默认使用GB2312字符集. 常见的字符集: A…

x(10)0906第三天__字符实体（转义字符）

实体:也叫转义字符,在网页中,一些类似“大于号”和“小于号”这样的字符,无法直接使用,需要用特殊的字符串来表示. 实体语法: “&实体名字;” 或者 “&实体编号;” 注意: 最好使用实体编号,因为有些浏览器只支持编号. HTML5 字符实体参考 HTML5 中的字符实体有些字符在 HTML5 中是保留字. 比如,我们不能在文本中使用大于,小于标记或者尖括号,因为浏览器可能会误认为它们是标记. HTML5 处理程序必须支持下表中列出的 5 个特殊字符. 符号描述实体名称实体编号…

x(11)0906第三天__图片标签

图片标签 <img src="images/1.gif" alt="冰河世纪的大松鼠" width="80%" /> Hello Web!` 这是一个内联元素. 使用<img />标签向网页引入一张图片: src:图片相当于源代码的位置,支持当前文件夹“.”,上一级文件夹“..”. alt:一般都会编写备注,在图片无法显示时,网页上可见.且可以被搜索引擎检索,符合时,收录图片. width/height:宽/高,一般…

x(12)0906第三天__<meta>标签

x(14)0906第三天__<iframe> 内联框架引入有一个外部html页面

在现实开发中,不推荐使用内联框架,因为<iframe></iframe>中的内容不会被搜索引擎检索. 在特殊情况中,如内网项目,不用放在互联网上时,可以使用<iframe></iframe> 属性: src:指向一个外部html页面,可以是相对路径 width height name:指定一个名字给iframe 注意:可以把需要的文本放置在 <iframe> 和 </iframe> 之间,这样就可以应对无法理解 iframe 的浏览器…

x(15)0906第三天__超链接

HTML5 中的新属性. 属性值描述 charset char_encoding HTML5 中不支持.规定被链接文档的字符集. coords coordinates HTML5 中不支持.规定链接的坐标. download filename 规定被下载的超链接目标. href URL 规定链接指向的页面的 URL. hreflang language_code 规定被链接文档的语言. media media_query 规定被链接文档是为何种媒介/设备优化的. name section_n…

x(16)0906第三天__层叠样式表CSS简介

层叠样式表CSS Cascading Style Sheets 用来为网页创建样式表,通过样式表对网页进行装饰. 所谓层叠,就是将网页想象成一层一层的结构,层次高的将覆盖层次低的. CSS可以为网页的每个层次设置样式. 语法: 选择器{声明块儿} 声明为 “名:值:” 选择器{ 声明1: 声明2: } 分类: 1. 内联样式表直接写到标签的style属性当中,只对该标签作用. <p style="color:red; font-size:24px;">考试重点&l…

x(17)0906第三天__块元素block_内联元素inline_行内块元素inline-block

1. 块元素block 独占一行的元素一般使用块元素包含内联元素,用作页面布局 <a> 标签可以包含任何除了a标签以外的元素 <p> 标签不能包含块元素 h1... ...h6 <hr /> <center></center> <div> 标签不含任何语义,被用于页面布局 2. 内联元素 inline 行内元素只占自身大小的位置,不会独占一行.通常用于选中文本,设置样式内容区不能设置 width 和 hei…

x(13)0906第三天__xhtml 的语法规范

html中不区分大小写,但是最好用小写. 注释不能嵌套. html标签必须结束,即 <></> 或者 < /> html标签不能交叉嵌套. html的标签,有了属性,就必须有值,且值被双引号包括,即属性=“值”…

简学Python第三章__函数式编程、递归、内置函数

#cnblogs_post_body h2 { background: linear-gradient(to bottom, #18c0ff 0%,#0c7eff 100%); color: #fff; padding: 3px; margin: 10px 0px; font-family: "微软雅黑", "宋体", "黑体", Arial } Python第三章__函数式编程.递归.闭包欢迎加入Linux_Python学习群群号:478…

微信小程序(五)-常见组件(标签)

常见组件(标签) https://developers.weixin.qq.com/miniprogram/dev/component/ 1.view 代替以前的div标签 2.text 1.文本标签,类似span标签 2.只能㠌套自已text 3.长按文字可以复制(只有该标签有这个功能) <text selectable>加了就可以复制了<text/> 4.可以对空格回车进行编码<text decode>加了空格就可以显示了<text/>,decode可以…

性能测试学习之路（三）jmeter常见性能指标(相关术语、聚合报告 && 服务器性能监控配置 && 图形结果 && 概要报告)

1 性能测试目的性能测试的目的:验证软件系统是否能够达到用户提出的性能指标,同时发现软件系统中存在的性能瓶颈,以优化软件. 最后起到优化系统的目的性能测试包括如下几个方面: 1.评估系统的能力:测试中得到的负荷和响应时长数据可以被用于验证所计划的模型的能力,并帮助做出决策 2.识别体系中的弱点:受控的负荷可以被增加到一个极端的水平并突破它,从而修复体系的瓶颈或薄弱的地方 3.系统调优:重复运行测试,验证调整系统的活动是否得到了预期的结果,从而改进性能检测软件中的问题:长时间的测试执行可导致程…

RPA培训：RPA的核心三个组件常见部署方式（RPA学习天地）

整体架构目前主流厂商的RPA平台就是由控制台.设计器和机器人这三个标准套件组成,这三个核心套件形成了RPA产品的基本要素.其它如AI平台.人机交互.流程挖掘.自动化中心等都是衍生出来的周边产品. 1.RPA控制台部署方式 RPA项目的部署方式样式各式各样,部署方式常见为3种:集中式部署.分布式部署及混合式部署.从部署地理位置划分有私有化部署及公网有部署. 1.1集中式部署即机器人和RPA服务器部署在同一个网络,由总体统一管理,利于管理和维护,自动化场景不涉及多个分支机构或可以集中在总部处理.…

初学HTML 常见的标签(三) 插入类标签

第三篇博客, 这次说的是插入链接类标签, 我们平常在网页中经常能看到蓝色的链接类标签, 或者是一张图片, 一个电邮, 这些都是插入链接类的标签起的作用. <a></a>链接标签 <a>链接标签可实现超链接, 它在网页中是无处不在的, 只要有链接的地方, 就会有这个标签, 它的语法和其他的标签不太相同, 对于初学者而言, 刚开始学的时候毕竟初学者并不在标签中添加属性等等, <a>的语法是 <a href = "目标网址" title…

后端码农谈前端（HTML篇）第三课：常见属性

一.HTML全局属性 1.核心属性属性描述 id 设置元素的唯一 id. class 设置元素的一个或多个类名(引用样式表中的类). style 设置元素的行内样式(CSS内联样式). title 设置有关元素的额外信息(可在工具提示中显示). 2.语言属性属性描述 lang 设置元素内容的语言代码. 3.键盘属性属性描述 accesskey 设置访问元素的键盘快捷键. tabindex 设置元素的 tab 键次序. 二.常见元素属性: 1.<a>元素的属性: 属性描述 href…

Java中三种比较常见的数组排序

我们学习数组比较常用的数组排序算法不是为了在工作中使用(这三个算法性能不高),而是为了练习for循环和数组.因为在工作中Java API提供了现成的优化的排序方法,效率很高,以后工作中直接使用即可 .  快速排序.冒泡排序.插入排序等排序算法在公司笔试题中会经常出现,所以是很有必要掌握的. 快速排序法主要是运用了Arrays中的一个方法Arrays.sort()实现. 冒泡法是运用遍历数组进行比较,通过不断的比较将最小值或者最大值一个一个的遍历出来.选择排序法是将数组的第一个数据作为最大或…

x(35)0908第五天__ 层级 z-index

如果三个 div 全部设置 position: absolute; 绝对定位,且未设置 z-index, 则从代码结构上下面的元素会盖住上面的元素. z-index 层级: 通过 z-index 属性设置元素的层级. z-index : 正整数; 层级越高 ,越优先显示在最上面. z-index: 1; 大于没设置 z-index 的元素对于没有开启定位的元素,z-index 无效. 父元素层级再高,也不会盖住子元素.…

x(37)0909第五天__背景图按钮

link,hover,active三种按键状态,存放三张图片缺点: 资源只有在被使用时,才会被加载. 页面第一次加载时,会出现短暂的延迟闪烁,造成一次不佳的用户体验. 图片整合技术 CSS-Sprite 雪碧图: 将三张图片整合为一张图片,在不同的伪类中通过设置 background-position 来切换图片. 一次请求一次加载,一次加载一张图片,相当于多张图片. 优势: 减小资源的大小,省了颜色表提高了访问效率实例效果: html代码: <!doctype html> <ht…

x(41)0909第五天__长表格

长表格银行流水,表格很长... 则需要将表格分为表头 thead ,主体数据 tbody , 表格底部 tfoot 三个标签无顺序要求,易于维护:thead → tfoot → tbody 如果没写 tbody ,浏览器会自添加 tbody,并将所有的 tr 移入 tbody 好处: 可以分别设置样式. 打印时,利用分类处理多页表头,表尾的效果. 无顺序要求,已维护. 效果图: css代码: @charset "utf-8"; *{ margin: 0px; padding: 0p…

x(23)0907第四天__浏览器默认样式

浏览器默认样式: 为了美观,浏览器为了在页面没有样式时,也可以有一个较好的显示效果,默认设置若干 margin,padding. 作为开发人员,在CSS编写最初,一般都会清除默认样式,进而设置自己的样式. 去除浏览器的默认样式: 方法1: @charset "utf-8" *{ margin:0; padding:0; }…

x(19)0907第四天__ HTML5 文本标签及样式

strong 表语义上的强调, em 表示语气上的强调: <strong>警告:离僵尸远点!</strong> 世界末日了,因为僵尸是<em>有毒的</em>! <i>单纯的斜体.</i> <b>单纯的加粗.</b> <small>通常用作“细则”内容,会比父元素字体小一点.</small> <big>无语义,因此将被淘汰使用.</big> 参考内容,参考书籍:&…

x(20)0907第四天__列表ul，ol，dl

列表分为: 有序列表 ul: <ul type="disc"> <li>张三</li> <li>李四</li> </ul> <ul type="square"> <li>青龙</li> <li>白虎</li> </ul> <ul type="circle"> <li>刘备</…

x(21)0907第四天__ css 盒模型 (框模型)

CSS 处理元素,把每个元素都包含在一个盒子里. 对网页的布局,其实就是对盒子的摆放及设置. 边框border,会使盒子变大: .box{ border: 10px 20px 30px 40px red solid; } .box{ border-width: 10px 20px 30px 40px; border-color: red; border-style: solid; } border-top-xxx: border-right-xxx: border-bottom-xxx: bo…

x(22)0907第四天__ 垂直外边距重叠

外边距重叠, 也叫“外边距合并”,指的是,当两个外边距相遇时,它们将形成一个外边距. 合并后的外边距的高度,等于两个发生合并的外边距的高度中的较大者...在布局时,易造成混淆. 1. 上下元素垂直外边距重叠垂直相邻的两个 div,上面的 div 设置了 margin-bootom,遇到下面 div 设置的 margin-top,会发生重叠,产生一个较大的外边距 2. 父子元素垂直外边距重合父子元素 div 时,为子元素 div 设置上边距时,两个 div 都会发生向下偏移,此时父子元素的…

x(25)0907第四天__ overflow 父元素对溢出内容的处理

overflow 父元素对于溢出内容的处理 visible; 默认值,对于溢出内容,在父元素之外显示. hidden; 对于溢出内容,进行隐藏,不显示. scroll; 对于溢出内容不在外显示,但是添加滚动条...该选项启用时,不溢出时,也会有滚动条. auto; 当有溢出时,滚动条才会出现.…

x(26)0907第四天__文档流_网页最底层

文档流处在网页的最底层,表示的是一个页面中的位置. 创建的元素,默认都处于文档流中. 元素在文档流中的特点块元素在文档流中独占一行. 自上而下排列. 宽度默认占父元素的 100%,width="auto"...当元素的 width 和 height 设置为默认auto,此时指定内边距不会影响可见框大小,而是会修改 width 来自适应内边距. 高度将被内容撑开. 内联元素不会独占一行,只占自身大小. 默认从左往右排列,满了就另起一行. 会出现一个元素,上一行一部分,下一行一部分…

x(27)0907第四天__ float 浮动

float 浮动块元素脱离文档流,水平排列. 浮动元素会尽量往左上(left),或者右上(right)浮动,直到遇到块元素或者其他浮动元素. 可选值: none; 默认值,不脱离文档流,垂直排列,不浮动. left; 脱离文档流,向文档左上侧浮动 right; 脱离文档流,向文档右上侧浮动影响布局: 垂直上方的元素,如果是块元素,则浮动于块元素的下方. 垂直上方的元素,如果不是块元素,则浮动元素会覆盖住文档流的元素. 若位置宽度不够,则另起一行. 浮动的元素…

x(29)0908第五天__高度塌陷问题

高度塌陷在文档流中,父元素的高度默认是被子元素撑开的. 但是当为子元素设置 float 时,子元素会完全脱离文档流,无法再撑开父元素,导致父元素高度塌陷...以致于布局混乱变成 BFC块级格式化环境根据 W3C 标准,元素都有一个隐含的属性 “Block Formatting Context” 该属性可以打开/关闭,默认是“关闭”. 当开启BFC后,元素将具有如下特性: 1. 父元素的垂直外边距不会和子元素重叠. 2. 不会被浮动元素所覆盖,会在浮动元素的旁边显示. 3. 可以包含浮…

x(28)0907第四天__固定布局

布局固定布局,需要计算单位自适应响应布局固定布局 html代码 <!doctype html> <html> <head> <meta charset="utf-8" /> <title>湖南城市学院</title> <link rel="stylesheet" type="text/css" href="css/hncu.css" />…