分类：HTML

2022
10-08

HTML基础知识总结

HTML基础知识总结 目录标签分类常用标签表单框架 常用的布局组合标签HTML4和HTML5的区别：HTML5中新增的语义标签-了解HTML5新的表单属性form新属性input新属性HTML5新的表单元素--了解HTML5中新的input类型HTML5中新增的音频HTML5中新增的视频HTML5中已经移除的元素转义符号 标签的属性：多个属性中间用空格<标签名称属性名1="属性值"属性名2="属性值"></标签名称><pid="p1"name="p1"></p>标签... 继续阅读 >
2022
08-11

HTML DOM setInterval和clearInterval方法案例详解

HTML DOM setInterval和clearInterval方法案例详解 在javascript编程中，setInterval可以帮助我们实现一个定时器的功能，能够让我们定时执行某一项操作，如果不需要继续执行了，我们只需要调用clearInterval函数，清除定时器即可。这里要重点说的是清除定时器的时机，我们一般是需要进行一个条件判断，比如varcount=5,我们定时执行count--操作，当count==0的时候，清除定时器，一般情况下，我们的代码是这样写的。这段代码，逻辑上没有什么问题， 就是当count==0的时候，我们... 继续阅读 >
2022
08-11

HTML iframe标签用法案例详解

目录一、iframe定义和用法 二、属性三、示例 1、iframe框架2、iframe透明3、iframe自适应高度4、通过js输出iframe广告代码    iframe一般用来包含别的页面，例如我们可以在我们自己的网站页面加载别人网站的内容，为了更好的效果，可能需要使iframe透明效果，那么就需要了解更多的iframe属性。一、iframe定义和用法     iframe元素会创建包含另外一个文档的内联... 继续阅读 >
2022
06-07

HTML-Canvas的优越性能以及实际应用

HTML-Canvas的优越性能以及实际应用 目录HTML绘图届的前辈：SVGCanvas的渲染模式Dom：驻留模式Canvas：快速模式Canvas的应用优点总结HTML绘图届的前辈：SVGCanvas是HTML5时代引入的“新”标签。与很多标签不同，Canvas不具有自己的行为，只将一组API展现给客户端JavaScript，让开发者使用脚本把想绘制的东西画到一张画布上。在HTML5之前，人们通常使用SVG来在页面上绘制出图形。SVG使用XML来定义图形，就像使用HTML标签和样式定义DIV一样，我们也可以将一个空白的D... 继续阅读 >
2022
05-07

HTML form表单提交方法案例详解

form表单提交方式总结一下：一、利用submit按钮实现提交，当点击submit按钮时，触发onclick事件，由JavaScript里函数判断输入内容是否为空，如果为空，返回false,不提交，如果不为空，提交到由action指定的地址。<scripttype="text/javascript">functioncheck(form){if(form.userId.value==''){alert("请输入用户帐号!");form.userId.focus();... 继续阅读 >
2022
04-16

HTML clearfix清除浮动讲解

HTML clearfix清除浮动讲解 一、浮动的概念浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。二、浮动的影响1.浮动会导致父元素高度坍塌父元素中有子元素，并且父元素没有设置高度，子元素在父元素中浮动，结果必然是父元素的高度为0，这也就导致了父元素高度塌陷问题。浮动脱离文档流，这个问题会对整个页面布局带来很大影响，如何解决... 继续阅读 >
2021
10-12

教你如何从 html 实现一个 react

教你如何从 html 实现一个 react 什么是ReactReact是一个简单的javascriptUI库，用于构建高效、快速的用户界面。它是一个轻量级库，因此很受欢迎。它遵循组件设计模式、声明式编程范式和函数式编程概念，以使前端应用程序更高效。它使用虚拟DOM来有效地操作DOM。它遵循从高阶组件到低阶组件的单向数据流。前言📝👉我们认为，React是用JavaScript构建快速响应的大型Web应用程序的首选方式。它在Facebook和Instagram上表现优秀。官网地址... 继续阅读 >
2021
06-19

不要在HTML中滥用div

概述做前端开发的同学都知道，一个网页的基本组成部分是HTML，JavaScript和CSS。开发人员通常更关注JavaScript和CSS，实践着各种语言规范和设计模式。对于HTML的关注度则明显偏少，只要能做出设计师画的界面就万事大吉了，不怎么去关心HTML是不是规范合理。于是下面的情况随处可见：按钮用的是可点击的<div>而不是<button>元素标题用的是<div>而不是标题元素(<h1>，<h2>等等)<input>相应的文本标签用的... 继续阅读 >
2021
05-20

js+Html实现表格可编辑操作

js+Html实现表格可编辑操作 本文实例为大家分享了js+Html实现表格可编辑操作的具体代码，供大家参考，具体内容如下功能描述：单击页面使单元格td变成可编辑状态，输入内容后，当单元格失去焦点时，保存输入的内容。点击增加行，在table的末尾增加一行；点击删除行，删除table中最末尾的一行。     <html><head><metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"/><title>编辑表格数据</title... 继续阅读 >
2020
12-29

python 将html转换为pdf的几种方法

将HTML网页转换为PDF是很多人常见的一个需求，在浏览器上，我们可以通过浏览器的“打印”功能直接将网页打印输出为PDF。但是如果有多个网页就不好办了。二进制软件网络上存在很多将HTML转换为PDF的软件和工具。比较著名的有Carelib、wkhtmltopdf。whtmltopdfwkhtmltopdf真是一个优秀的HTML转换PDF工具。其借助Qt的WebKit渲染引擎，将HTML文档渲染导出为PDF文档或图像。功能十分完善，但是由于使用的渲染引... 继续阅读 >
2020
12-22

springboot访问template下的html页面的实现配置

springboot访问template下的html页面的实现配置 一、template下文件不允许直接访问1、查资料得知：springboot项目默认是不允许直接访问template下的文件的，是受保护的。   所以想访问template下的html页面，我们可以配置视图解析器。2、如果想要用视图去展示，应该要设置好视图展示页面，比如说用一个模板语言来接收返回的数据(thymeleaf或者freemarker等)，也可以用jsp接收，但是SpringBoot官方是不推荐用jsp的，而是建议使用thymeleaf作为模板语言，这里我... 继续阅读 >
2020
11-17

html中创建并调用vue组件的几种方法汇总

作者：Echoyya出处：https://www.cnblogs.com/echoyya/最近在写项目的时候，总是遇到在html中使用vue.js的情况，且页面逻辑较多，之前的项目经验都是使用脚手架等已有的项目架构，使用.vue文件完成组价注册，及组件之间的调用，还没有过在html中创建组件的经验，所以借此机会学习总结一下。方法一：Vue.extend(options)用法：使用基础Vue构造器，创建一个“子类”。参数是一个包含组件选项的对象。data选项是特例，需要注意... 继续阅读 >
2020
10-24

在vue中获取wangeditor的html和text的操作

在vue中获取wangeditor的html和text的操作 目的：vue中获取wangeditor的html和text。补充知识：vue-cliwebpack引入wangeditor(轻量级富文本框)1：使用npm下载：//（注意wangeditor全部是小写字母）npminstallwangeditor2:直接在项目模板中引用importEfrom'wangeditor'3：HTML<divid="editorElem"style="text-align:left"></div><buttonv-on:click="getContent">查看内容</button>4：js代码exportdefault{name:'editor',data(){return... 继续阅读 >
2020
10-10

python如何实现word批量转HTML

今天我们说一下使用python将word内容转换成html文件。下面一起来看一下。准备工作使用python类库PyDocX，安装方法（使用pip进行安装），命令如下：pipinstallpython-docx类库介绍python-docx是用于创建和更新MicrosoftWord（.docx）文件的Python库。它可以针对word做很多操作。比如打开文件、写入内容、编写内容样式、解析内容、读取内容等等。主要就是针对word做的一款功能库。说代码下面一起来说一下代码。首先是做了一个声明... 继续阅读 >
2020
10-10

js在HTML的三种引用方式详解

1.内联样式内联样式分为两种，一是直接写入元素的标签内部<html><title>js样式内联写法</title><metahttp-equiv="content-type"content="text/html;charset=utf-8"/><body><!--js内联写法01开始--><!--当鼠标点击图片时跳出弹窗显示1223--><divclass="img">单击事件：<imgsrc="images/001.jpg"onclick="alert(1223)"></img></div><!--js内联写法01结束--></body></html>二是写入到<scrip... 继续阅读 >
2020
10-08

Python在字符串中处理html和xml的方法

问题你想将HTML或者XML实体如&entity;或&#code;替换为对应的文本。再者，你需要转换文本中特定的字符(比如<,>,或&)。解决方案如果你想替换文本字符串中的‘<'或者‘>'，使用html.escape()函数可以很容易的完成。比如：>>>s='Elementsarewrittenas"<tag>text</tag>".'>>>importhtml>>>print(s)Elementsarewrittenas"<tag>text</tag>".>>>print(html.escape(s))Elementsarewrittenas&quot;&lt;tag... 继续阅读 >