html 67
html引用远程js脚本
# html引用远程js脚本 ```js var script = document.createElement('script'); script.src = 'https://example.com/remote-script.js'; document.head.appendChild(scr ......
JS打印HTML
doPrint (printHtml) { // 判断iframe是否存在，不存在则创建iframe let iframe = document.getElementById('print-iframe') if (!iframe) { iframe = document.createElement ......
HTML中form表单隐藏input的两种方式
以下是两种常用的隐藏元素的方法：第一种： 使用内联样式：在 input 元素上添加 style="display: none;" 属性。 html <form action="/upload" method="post" enctype="multipart/form-data"> <input t ......
HTML 多主题的探索
如果主题只是一些样式不一样为了方便使用可以定义一些变量 和 一些class 比如这样 白天主题 :root { --status-colors-error: #C72929; --input-label-color: #8E8F90; --input-border-color-focus: #075 ......
HTML
HTML 链接由 <a> 标签定义。链接的地址在 href 属性中指定： eg:<a href="http://www.w3school.com.cn">This is a link</a> <hr /> 标签在 HTML 页面中创建水平线 <head> 元素是所有头部元素的容器。以下标签都可以添加 ......
1.html基本使用方法
标签大全参考(需要什么取什么)：HTML 标签参考手册 页面标签结构 页面结构主要用于整个页面的规范分区 header 标签头部区域内容 footer 标记尾部区域内容 section 整个页面中的独立区域内容 article 独立的文章内容 aside 相关内容区域 例如侧边栏区域 nav 导航， ......
Application Cache HTML
主要是加速 离线存储，Web 开发者可借助微信提供的资源存储能力，直接从地加载 Web 资源而不需要再从服务端拉取， 从而减少网页加载时间，为微信用户提供更优质的网页浏览体验 使用方式 example.appcache CACHE MANIFEST # 版本号或注释 CACHE: index.htm ......
Html Page 移动图片
html: <img src=image.jpg id='imageid' style="position:absolute; left: 0; top: 0;"> js: var x=document.getElementById('imageid').offsetTop; x= x + step ......
webpack5_webpack多静态html项目打包
const { resolve } = require('path') const HtmlWebpackPlugin = require('html-webpack-plugin') const MiniCssExtractPlugin = require('mini-css-extract-pl ......
影刀引用Python模块实现html转为markdown
比如，我获取了一段html的文本，想要转成markdown格式，可以参考下面用法 1. 引入一个html2text的包，右键可以看到python包管理器 2. 插入python代码，转换变量 有疑问加站长微信联系（非本文作者） ......
初步了解HTML
初步了解HTML 一、html介绍 html定义 HTML的全称为：HyperText Mark-up Language，指的是超文本标记语言。标记就是标签，<标签名称> </标签名称>,比如 、 等，大多数标签都是成对出现的 所谓超文本，有两层含义： 因为网页中还可以有图片、视频、音频等内容（超文 ......
认识HTML
一 什么是H5? 1.HTML的第5个版本 2.一门技术的总称 二 H5能做什么? 1.网页开发 2.小程序/公众号 3.APP开发 4.小游戏开发 5.桌面应用 ...... 三 网站建站流程 1.注册域名 2.购买服务器 3.进行项目开发 4.网站推广 5.网站维护 四 项目开发流程 1.产品经 ......
html 的隐藏 三种形式
参考 https://blog.csdn.net/cnds123/article/details/128419485 第一种 使用HTML的hidden 属性，隐藏属性是一个 Boolean 类型的值，真说明隐藏，假说明不隐藏，空也是不隐藏 进入例子： 如下图，当点击了按钮1后不隐藏： 如下图，当点 ......
需编写html代码，快速搭建一个公司管理系统
快速搭建一个公司管理系统 MagicTable 基于vue-admin-beautiful,elementui,vue-easytable等实现的网页快速生成框架，无需编写html和css代码，只需要编写js文件就能实现管理面板的表格页面。 github链接 https://github.com/Y ......
在Html中使用Requirejs进行模块化开发实例详解
在Html中使用Requirejs进行模块化开发实例详解 更新时间：2016年04月15日 10:24:51 投稿：mrr 在前端模块化的时候，不仅仅是js需要进行模块化管理，html有时候也需要模块化管理。这里就介绍下如何通过requirejs，实现html代码的模块化开发 在前端模块化的时候，不 ......
html canvas画图
样例 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>canvas画图</title> <style type="text/css"> canvas { border: 1px solid black; } </style> < ......
VS下的Emmet技巧（HTML Coding 效率Kit）
tag: 技巧点 VS Code 的Emmet Abbreviation 参考 参考 参考2 生成4行p标签 p*4 E.class E#id E[attr=foo] E{foo} E>N E+N E^N ......
ansible-playbook批量安装httpd，按主机名提供不同的index.html（如node1的index.html欢迎页面为welcome node1）
[root@ansible ~]# vim /etc/ansible/hosts [webservers] 10.0.0.150 ansible_connection=local 10.0.0.160 #创建角色相关目录 [root@ansible html]# mkdir -pv /data/an ......
html svg图片 如何不保持横纵比
图片不保持横纵比是一件很烦的事 背景图我们可以使用background-size 图片可以使用object-fit来保持横纵比 但有时svg图片要不保持横纵比 明明指定了宽高也没有用 原来矢量图天生就是锁定了横纵比 那怎么让svg不保持横纵比呢 使用preserveAspectRatio:none ......
HTML一键打包工具1.9.92更新发布, 支持串口通信，获取mac地址，自定义header等新功能
HTML一键打包EXE工具(HTML封装EXE,桌件)是一款神奇的工具，它可以让您把任何HTML项目(网址)变成一个独立的EXE文件，无需安装浏览器和服务器，只要双击就能运行。无论您是想制作KRPano全景VR项目，还是想开发WebGL游戏项目(Egret游戏打包,Cocos游戏打包,RPG MV ......
getRefs is undefined html vue2项目 报错
vue2项目提示 getRefs is undefined 在div上面写了，ref，还写了v-if 然后再watch中操作了 ref 导致报错。 分析： 组件因为v-if 为 false 没有注册和渲染，在操作的时候还使用了this.$refs函数就会获取不到 解决办法： v-if换成v-show ......
html占位符
  普通的英文半角空格   普通的英文半角空格但不换行 　 中文全角空格 （一个中文宽度）     en空格 （半个中文宽度）     em空格 （一个中文宽度）   四分之一em空格 （四分之一中 ......
Ansible playbook实现apache批量部署,并对不同主机提供以各自IP地址为内容的index.html
[root@ansible ~]# vim /etc/ansible/hosts [webservers] 10.0.0.150 ansible_connection=local 10.0.0.160 #创建角色相关目录 [root@ansible html]# mkdir -pv /data/an ......
html表单与框架
1.以form开头 其中常用的属性有 action="" method="" enctype="" name="" action：属性用来设置接收和处理浏览器递交的表单内容的服务器程序的URL method：属性用来定义浏览器将表单中的信息提交给服务器端的处理程序的方式，取值可以为：GET或POST ......
通过freemarker与itext实现html转pdf
因果 因一些合同、发票等单据需要生成pdf文档，并且审核通过后需给该pdf文档盖章，所以需要生成pdf的解决方案。 实践中遇到的问题 其实单独使用itext也可以实现pdf的生成，但通过文本域进行实现数据的动态替换存在局限性，如动态表格就不能友好的进行动态生成，生成了也是个绝对定位，假如文档后面还存 ......
html 全选或全不选小案例
lf 你爱好的运动是？ 全选/全不选 足球 篮球 羽毛球 乒乓球 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>lf</title> <script type="text/javascript"> function sel ......
HTML+CSS随笔
这是我的学习笔记，重点是我容易忘的内容，并不全面 配合以下内容学习就很全面了 黑马程序员pink老师前端入门教程 HTML HTML文件基础结构解析 <!DOCTYPE html> <html lang="zh-han"> <head> <meta charset="UTF-8"> <meta na ......
HTML图片和文本居中对齐
原理比较简单就不上图片了 你也许听说过在行元素中使用vertical-align: middle; 可以实现居中对其，但实际使用上，常常没有作用。 其实行元素有四条线分别是： 顶线 中线 基线 底线 默认行元素是基线对齐的（两个元素的基线在同一高度） 下面代码相当于图片的基线和文字的中线对齐（图片的 ......
使用html和js写一个音乐播放器
代码如下 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>音乐播放器</title> <style> @font-face { font-family: 'ChillCalligraphy'; src: url('./img/C ......
HTML学习笔记——简单介绍
什么是HTML HTML: HyperText Markup Language HTML是一种用来告知浏览器如何组织页面的标记语言。其由一系列的元素组成，这些元素用来包围或者标记不同部分的内容，让它以某种方式呈现或者工作。 简单拆分一个 HTML 元素 观察下面一个HTML元素 <p> Hello ......