html_站内搜索_F11 - 专业站长和开发者的学习网站

您的位置：

>>> TAG标签：html 的结果

实现HTML table表格边框方法

一、总体思路： 1、表格无边框，背景颜色设置一种颜色（#DCDFE6），这样表格的边框的颜色就是表格的背景颜色； 2、单元格间距为1px，背景颜色设置为白色（#FFFFFF） // CSS table { background:#DCDFE6; width: 100%; } table td { background:#FFFFF; } //

930

2019-10-14

html5
python利用jinja2模板生成html代码教程

代码如下： from jinja2 import Environment, FileSystemLoaderimport json def generate_html(data): env = Environment(loader=FileSystemLoader(./)) # 加载模板 template = env.get_template(模板.html) # template.stream(body).dump(result.html, utf-

1711

2019-10-11

python
实现将SVG图引入到HTML页面的方法

将SVG图引入到HTML网页，目前只有三种办法，前两种很相似，第三种更简单。下来介绍一下这是那种方法。第一种：使用embed标签：这个是官方推荐的用法，但是这个官方是Adobe官方，不是W3C官方，现在的HTML标准里还没有这个标签。 embed src=example.svg wid

1692

2019-09-20

html5
html+jQuery实现拖动滑块图片拼图验证码插件（移动端适用）

电脑和手机移动端都适用的jQuery拖动滑块图片拼图验证码插件，通过鼠标拖动或触屏滑动填充拼图来进行安全验证，点击刷新可以更换当前待验证的图片。 HTML css： !DOCTYPE htmlhtml lang=zhheadmeta charset=UTF-8meta http-equiv=X-UA-Compatible content=IE

1775

2019-09-10

jquery
html/css中float浮动的用法示例教程

一、float基础用法示例 1、我们先建两个div盒子，设置高度、宽度和背景颜色；最开始两个盒子在网页上的位置如下：然后我们将红色盒子浮动到右边然后我们会发现红色盒子浮动到了右边，但是蓝色盒子就直接上移到了原先红色盒子的位置。然后我们将蓝色盒子

233

2019-09-10

HTML/Xhtml
html的几种水平垂直居中的方式（基础）总结

我们在编写马过程中，想必大家对水平垂直居中的方法了解并不多。所以我给大家总结式的列出几种常用的水平垂直居中的方法。第一种方法 !--html盒子代码--!--水平垂直居中--div class=Centered1 pd第一种/p/div!-css样式部分-- .Centered1{ background-color:

190

2019-08-24

HTML/Xhtml
HTML中的if判断用法解析

在django的web开发过程中，编写html时，从后端传入同名列表变量，但是内容格式有所区别，需要分别判断，查阅了很多文章试了好几种方法，格式似乎都不太对（本人没有系统学习过前端，基本都是照葫芦画瓢）后来找到django框架下html的if用法形式大致如下 div

1305

2019-08-24

HTML/Xhtml
Python获取基金网站网页内容使用BeautifulSoup库分析html操作

本篇文章介绍Python获取基金网站网页内容使用BeautifulSoup库分析html操作。利用 urllib包获取网页内容 #引入包from urllib.request import urlopenresponse = urlopen(http://fund.eastmoney.com/fund.html)html = response.read();#这个网页编码是gb231

694

2019-06-04

python
利用HTML+CSS实现跟踪鼠标移动功能

本篇介绍利用HTML+CSS实现跟踪鼠标移动功能。随着用户越来越关注隐私并越来越注意防止在线跟踪，用户开始使用广告拦截器和脚本拦截器来阻止JavaScript跟踪脚本。目前，研究人员已经发现了一种新方法，利用HTML和CSS来跟踪网站访问者的鼠标移动，还可以绕过

1190

2019-05-11

css
html+css+javascript实现跟随鼠标移动显示选中效果

本篇文章介绍html+css+javascript实现跟随鼠标移动显示选中效果。 1，显示效果： 2,html结构 div class=process_list-lpu div class=process_line/div div class=content_list ul lia href=javascipt:;End customer get productb1/b/a /li lia href=javasci

1067

2019-05-11

css
HTML实现检测输入已完成功能的方法

使用onInput(event)检测是否在输入使用onporpertychange=onChange(event)检测是否内容发生改变使用onBlur=finnishInput(event)检测是否失去焦点可以通过先检测是否在输入，记下状态，如果上次在输入信息，然后失去焦点，则可以判断为输入已完成。 HTML代

110

2019-04-18

HTML/Xhtml
puppeteer实现html截图的示例代码方法

puppeteer是谷歌官方出品的一个通过 DevTools 协议控制 headless Chrome 的Node库。可以通过Puppeteer的提供的api直接控制Chrome模拟大部分用户操作来进行UI Test或者作为爬虫访问页面来收集数据。安装直接运行安装命令： npm install puppeteer 如果出现

160

2019-01-10

JavaScript
实现HTML页面局部刷新的代码方法

本篇文章给大家介绍实现HTML页面局部刷新的代码方法。事件响应刷新：有请求才会刷新 1、通过JS HTML DOM或jQuery获取HTML元素，通过DOM方法或jQuery方法监听页面事件，获取用户请求； 2、通过Ajax将用户请求提交至服务器，服务器处理后返回结果，再由Ajax接

727

2019-01-06

HTML/Xhtml
织梦dedecms5.7标签tags静态化生成HTML的教程

dedecms5.7标签tags静态化生成HTML方法，插件说明：织梦论坛下载原用在DEDECMS5.6版本的，后来我套用在5.7版上的发现正常使用，我使用的全新安装的5.7版。原文件没有整理需要一个一个的去上传和修改，我作了一下修改和整理，现已在两个站上成功应用，暂时没

171

2018-12-07

网站程序
总结css和html的四种结合方式

今天小编给大家分享css和html的四种结合方式。（1）在每个HTML标签上面都有一个属性 style，把css和HTML结合在一起。 div style=background-color:red;color:blue;我是一只小小鸟/div （2）使用HTML的一个标签实现，style标签：写在head里面。 style type=t

303

2018-11-02

css
详解4种html中position属性用法

本文给大家介绍4种html中position属性用法。 position的四个属性值： 1.relative 2.absolute 3.fixed 4.static 下面分别讲述这四个属性： div id=parent div id=sub1sub1/div div id=sub2sub2/div/div 1. relative relative属性相对比较简单，我们要搞清它是

932

2018-10-27

HTML/Xhtml
HTML实现双11抢劵(设定时间打开抢券的页面)的方法

本篇文章给大家介绍HTML实现双11抢劵(设定时间打开抢券的页面)的方法小编就直接给大家贴代码了，具体代码如下所示： !DOCTYPE htmlhtml lang=en xmlns=http://www.w3.org/1999/xhtmlhead meta charset=utf-8 / title/title style type=text/css #result{ wi

1045

2018-08-26

HTML/Xhtml
html 基于canvas 实现的一个截图小demo

今天小编给大家分享html 基于canvas 实现的一个截图小demo 写在最前记得以前在人人上看到一个分享，讲解基于js的截图方案，详细的不记得了，只记得还挺有意思的貌似用了canvas？所以这次打算自己写一个分享给大家作者的思路。这只是一个很简陋的小demo如有b

487

2018-08-26

HTML/Xhtml
html的表格单元格的宽度和高度的设置方法

今天小编给大家介绍html的表格单元格的宽度和高度的设置方法做网页的时候，经常会碰到表格宽度对不齐的问题。详细地看了html中表格标签table的高度和宽度设置的细节，现总结如下： 1、 table中的width和height设置及其作用：table中设置的height其实是设置

810

2018-08-21

HTML/Xhtml
HTML网页中插入视频的教程总结

今天小编给大家分享HTML网页中插入视频的教程总结现在如果要在页面中使用video标签，需要考虑三种情况，支持Ogg Theora或者VP8（如果这玩意儿没出事的话）的（Opera、Mozilla、Chrome），支持H.264的（Safari、IE 9、Chrome），都不支持的（IE6、7、8）。好

874

2018-08-18

HTML/Xhtml
实现HTML文本框只读不能修改其中的内容的教程

本篇文章给大家介绍实现HTML文本框只读不能修改其中的内容的教程代码如下所示： !--方法1: onfocus=this.blur() 当鼠标放不上就离开焦点 --input type=text name=input1 value=中国 onfocus=this.blur() !-- 方法2:readonly 文字不会变色，也是不可编辑的--

170

2018-08-18

HTML/Xhtml
使用HTML+CSS实现鼠标划过的二级菜单栏的示例教程

今天小编给大家分享使用HTML+CSS实现鼠标划过的二级菜单栏的示例教程效果图： 1、鼠标没在上面 2、鼠标放在一级菜单上，展开二级菜单 3、鼠标放在二级菜单上代码： htmlhead title二级菜单测试/title meta charset=utf-8 style type=text/css /*为了使菜单

847

2018-08-18

HTML/Xhtml
HTML页面跳转及参数传递的问题

本篇文章给大家分享HTML页面跳转及参数传递的问题 HTML页面跳转： window.open(url, , width=600,height=400); 第二个参数：_self，在当前窗口打开窗口；_blank（默认值），在另外的新建窗口打开新窗口； window.location.href=https://www.jb51.net; //在同

640

2018-08-14

HTML/Xhtml
实现HTML页面点击下载文件的两种方法

本篇文章给大家分享实现HTML页面点击下载文件的两种方法 1.使用a标签来完成 a href=/user/test/xxxx.txt download=文件名.txt点击下载/a 这样当用户打开浏览器点击链接的时候就会直接下载文件。但是有个情况，比如txt,png,jpg等这些浏览器支持直接打开的文

540

2018-08-14

HTML/Xhtml
HTML实现在两个div标签中间画一条竖线的教程

本篇文章给大家分享HTML实现在两个div标签中间画一条竖线的教程近日在画一个界面的时候，遇到一个需求：在界面当中画一条竖线，且这条竖线在高度上需要自动占满整个父div(即这条竖线的高度和两个div中较高的一个等高)。往常我们画一条横线直接用标签hr即可

1369

2018-08-14

HTML/Xhtml
实现HTML页面原生VIDEO标签隐藏下载按钮功能

本篇文章给大家分享实现HTML页面原生VIDEO标签隐藏下载按钮功能在写web项目的时候，遇到简介页面有一个单独的简介视频，只有这一个短短的视频所以没有使用任何video组件，所以运用原生video标签就想解决问题。虽然简介视频是非付费的，但也不希望会有下载

1003

2018-08-14

HTML/Xhtml
HTML中的<meta>标签的使用技巧

在平时制作的网页中，要是想让它能够让更多的人去访问，最好的方法就是通过搜索引擎来找到你的网址，于是需要你的网页可以有关键词能够让搜索引擎来识别，于是HTML中的meta标签就是这个功能，将这个页面的关键信息写入去，让搜索引擎能够去识别，那么接下来

757

2018-08-11

HTML/Xhtml
使用正则表达式去除所有html标签只保留文字

后台将本编辑器中的内容返回到前端时如果带上了标签，这时就可以利用这种方法只保留文字。标签的格式有以下几种 1. div class=test/div 2. img / 3.自定义标签 My-Tag/My-Tag 针对以上几种标签，确定的正则的规则是 reg=/\/?.+?\/?/g 表示尖括号第一个\/?

161

2018-07-25

正则表达式
HTML+CSS实现下拉菜单的教程

代码如下： !doctype html html head meta charset = utf-8 / style *{ margin:0; padding:0; text-decoration:none; list-style:none; } body{ text-align:center; } .header{ display:inline-block; position:relative; background-color:#4CAF50; } .head

230

2018-07-19

css