html 67
67.Oracle之内核参数
net.ipv4.tcp_rmem = 4096 87380 4194304 net.ipv4.tcp_wmem = 4096 16384 4194304 fs.aio-max-nr = 1048576 fs.file-max = 6815744 kernel.shmall = 2097152 ke ......
HTML5元素分类和新增标签
元素分类 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docu ......
HTML5表格标签和单元格合并
表格标签<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=, initial-scale=1.0"> <title>Document</title> ......
篇章二 走进HTML
# 一、系统架构 ## 1、B/S架构（Browser / Server） - 浏览器 / 服务器的交互形式 - 优点：升级方便，只升级服务器端代码即可 - 缺点：速度慢、体验不好、界面不炫酷 - 代表：京东、天猫、百度。。。 ## 2、C/S架构（Client / Server） - 客户端 / ......
走进HTML学习
[点击链接走进前端学习：https://blog.csdn.net/qq_53810245/article/details/116831968](https://blog.csdn.net/qq_53810245/article/details/116831968) ```cpp 视频链接： src ......
ES6 Module模块，在vsCode中已服务器模式运行HTML文件
操作步骤如下： 一、安装Live Server 插件 二、点击扩展设置 三、设置live server默认打开浏览器为“chrome” 四、配置-工作区 五、在HTML文件中，右键选择"open with Live Server" 输出结果 ......
HTML5有序无序标签
标签分为有序标签和无序标签，有序标签为<ol><li>,无序标签分为<ul><li> 有序标签 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=de ......
直播软件源码，html文本框选中后显示其它颜色
直播软件源码，html文本框选中后显示其它颜色 1. text html <input type="text" name="title" id="title"> CSS #title:focus{ outline: none; border: 1px solid #fafafa; -webkit ......
HTML5与CSS3实现动态网页（下）
js 完整的javascript 是有ECMAScript （语法） Browser Objects (DOM BOM ) 特性组成的。 // 单行注释 /**/ 多行注释 ECMASxript 中的一切 (变量 函数名和操作符) 都区分大小写 1：什么是标识符 变量 函数 属性的名字 或者函的参数 ......
HTML视频背景(动态背景)
网页动态背景一般是用视频实现的，能增添网页的感染力，我觉得很好看，也不难，不妨学一下。 先加入下面一串代码： 1 <style> 2 video{ 3 height: 100%; 4 width: 100%; 5 position: absolute; 6 right: 0px; 7 bottom: ......
HTML5超文本链接和文本标签
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......
在Canvas上进行文本输入及其它html元素操作
## 问题 `使用canvas绘制了一个表格，想要在上面进行编辑操作，但canvas并不支持修改操作` ## 思路 `通过给html元素设置绝对定位，遮盖canvas上的指定位置，所有编辑操作都在元素上进行，也可以将元素的值绘制到canvas上，示例demo如下：` 点击查看代码 ``` 编辑 取消 ......
html+css：一个元素多个类，来抽取相同的属性
如下的图像 其三个box的高度是相同的，且具有浮动元素，因此可以作为一个类来把其属性都放在一起 这种合并其实不难理解，但是我们在整体的代码设计中很难考虑这一点，这个一定要记住！！ .child{ height: 200px; float: left; } <div class="box"> <div ......
html+css：“圣杯布局”的设计案例
一、什么是圣杯布局 圣杯布局：左右两个盒子固定宽度， 中间盒子自适应 二、圣杯布局的设计原则： 我们现在来思考自适应这个问题，其本质就是 left 和 right 覆盖一整个大的center， 然后center使用padding把内容左右留出left和right相应的宽度。 可是，现在如何来覆盖呢？ ......
爬虫系统的核心：如何创建高质量的HTML文件？
在网页抓取或爬虫系统中，HTML文件的创建是一项重要的任务。HTML文件是网页的基础，包含了网页的所有内容和结构。在爬虫系统中，我们需要生成一个HTML文件，以便于保存和处理网页的内容。 在这种情况下，可以使用Java函数来实现将爬取到的网页内容保存为HTML文件的功能。具体来说，当爬虫系统获取到需 ......
html+css：滑动门的设计案例
一、什么是滑动门布局？ 其代码效果如下所示，其不管中间的文字多长，其图片都可以包含进去！！ 二、如何实现滑动门布局？ 首先，我们通过背景图片，通过 <a> <span> 关于我们 </span> <a> 这种来将内容包裹进去。 然后对a进行 background-img 左边，然后对span进行 b ......
Windows服务器使用IIS部署html页面
如果用的是Linux相同的话 把前端部署上去 你就是直接把本地的文件cv过去就行了 页面的ip就是你服务器的ip 但是在windows系统上 就不行 你要自己配置一个公网ip 配置步骤如下: 双击打开服务器 然后就可以了 然后这边启动你刚刚配置的项目 出现这个页面 解决办法 找到这个应用程序 改为t ......
html+css：padding与margin的应用场景，以及margin上边框合并问题
一、一个困扰自己长久的问题 padding 和 margin 其似乎可以实现相同的效果，但是纠结使用哪一个。 现在一个规定： 若是内嵌关系，则使用padding来调整，若是并列关系，则使用margin来调整！ 若是内嵌关系，则使用padding来调整，若是并列关系，则使用margin来调整！ 若是内 ......
html+css：<a>中嵌入<img>，实现图片链接
这个很好理解，记住 <a> 中不仅可以写标签，还可以嵌入文字。 现在效果如下，在<a>中嵌入了<img>，同时又嵌入了<p>，点击图片和文字段落，其都会直接来进行跳转。 这个是非常重要的，一点也不难，耐心做下去。 ......
html+css：文章居中，图片居中
我们平常要涉及很多居中，现在这个要理解 一、文字内容居中 如下，其宽度居中采用text-align，但其高度居中，则让块高度，和行高度保持一致，此时就可以实现宽度居中 二、图片居中于浏览器，img作为行内块元素是无法实现的！ img作为行内块元素，其有行的性质，此时 margin 是没有效果的，如下 ......
html+css：padding + content 才是盒子的内容大小
这个要知道，我们有padding，这个padding指的是内容（举个例子，背景颜色就不属于内容）。 我们在计算内容的宽高时要记住，如下图的对比，padding的这个要理解 ......
html+css：深入理解 background-img 和 img区别
这俩 background-img 和 img，在图片布局时，我们经常用到，但我们有时很难理解其区别。 简单来说，background-img，其作为背景，图片大小本身无法决定内容的大小！！ 简单来说，background-img，其作为背景，图片大小本身无法决定内容的大小！！ 简单来说，backg ......
html+css：深入理解“块级元素”、“行内元素”和“行内块”元素
“块级元素”、“行内元素”和“行内块”元素，理解这个，才能深入理解css的盒子模型，这个是非常重要的。 其关键是“宽高”，理解“宽高”，“宽高”，“宽高”！！！ 这个是其根本区别，行内元素是由内容撑开，给宽高不起作用！！ 一、行内元素只记住 span 和 a 元素即可 如下，什么 dd,dt都是块级 ......
AI诞生67年后 为什么看好AMD？EPYC CPU近乎无所不能
前几年讲故事，不带上XR混合现实、区块链、元宇宙什么的，你都不好意思和人打招呼。如今，AI也是同样的待遇。 不过，不像前边几个更多是停留在概念性，缺乏群众基础，有的甚至隐约有些“诈骗”的味道，AI其实有着悠久的历史，有着很现实、很广泛的技术和应用，更有着真正广阔的未来，就像曾经的科幻正在一步一步走入 ......
借助html2canvas下载图片，有滚动条的情况显示不全的问题
我自己的遇到的情况是将页面的一个小窗口里边的内容生成图片下载， 试了网上搜到的几个方法都没有生效， 最后自己用了个取巧的方法：通过调整overflow-y来解决这个问题。 downloadItem() { const targetDom = document.getElementById(`imag ......
HTML5图片路径
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......
HTML5与CSS3实现动态网页（上）
结构标签 article：标记定义一篇文章 header：标记定义一个页面后者一个区域的头部 nav：标记定义导航链接 section：标记定义一个区域 aside：标记定义页面内容部分的侧边栏 hgroup：标记定义文件中一个区块的相关信息 figure：标记定义一组媒体内容以及他们的标题 fig ......
HTML基础知识
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......
一个简单的html时间显示页面-可做小工具
代码由 chatgpt3.5 生成，已验证 index.html ```html 当前时间 当前时间 --> 生活是一种态度。 保存笔记 (Ctrl + S) ``` 页面效果： 协议的网页语言 #### 1.2 html的版本 HTML 4.01 以及具备完善的网页编辑 HTML 5.0 移动端网页编辑 XHTML 语法严格 #### 1.3 浏览器 保障兼容 ......