HTML/html5 - 教程之家

102浏览

0评论

HTML与CSS中的过渡模块

a标签的伪类选择器a标签1.通过我们的观察发现a标签存在一定的状态1.1默认状态, 从未被访问过1.2被访问过的状态1.3鼠标长按状态1.4鼠标悬停在a标签上状态2.什么是a标签的伪...

2020-11-11

103浏览

0评论

canvas中使用clip()函数裁剪方法

在canvas中，可以使用clip()函数裁剪区域，设定裁剪区域后，只有在区域内的图像才能显示，其余部分会被屏蔽掉。本文主要和大家介绍了canvas裁剪clip()函数的具体使用的相关资料,希...

2020-11-11

118浏览

0评论

html的文字图片怎样垂直居中

方法一：设置盒子高度与line-height相同，本方法适用于一行文字。图片垂直居中和一行文字对齐用属性vertical-align小图标和文字垂直对齐，小图标作为背景插入// attr：设置自己...

2020-11-11

128浏览

0评论

HTML选择图片并直接预览实现代码

本文主要和大家分享HTML选择图片并直接预览实现代码，希望大家可以根据本文的代码，实现HTML选择图片并直接预览的效果。<!DOCTYPE html>
<html>
<head>
<meta name="viewpo...

2020-11-11

81浏览

0评论

HTML5中form表单标签用法详解

语法： <form method = "传送方式" action = "服务器文件">讲解：1.<form>是成对出现的，以<form> 开始，以 </form>结束,表单都必须放在其之间。2.method 传送方式， get/post 是后...

2020-11-11

107浏览

0评论

HTML中相对路径和绝对路径的区别

在实际Web开发中，插入图片、包含CSS文件等都需要有路径，如果文件路径的添加错误，就会导致引用失效(无法浏览链接文件，或无法显示插入的图片等)。很多初学者感到困惑，下面我就详细...

2020-11-11

126浏览

0评论

Jquery选择器通过class名获取ID实例分享

本文主要和大家分享Jquery选择器通过class名获取ID实例，希望能帮助到大家。通过class名获取按 class 查找注意在 class 名称前加一个.：var a = $('.red'); // 所有节...

2020-11-11

102浏览

0评论

H5中meta标签及作用

本文主要和大家分享H5中meta标签及作用，希望能帮助到大家。 <!DOCTYPE html> H5标准声明，使用 HTML5 doctype，不区分大小写 <head lang=”en”> // 标准的 l...

2020-11-11

220浏览

0评论

HTML在两个div标签中间画一条竖线的代码

近日在画一个界面的时候，遇到一个需求：在界面当中画一条竖线，且这条竖线在高度上需要自动占满整个父p(即这条竖线的高度和两个p中较高的一个等高)。往常我们画一条横线直接用标...

2020-11-11

100浏览

0评论

HTML页面点击下载文件的方法实例

1.使用<a>标签来完成 <a href="/user/test/xxxx.txt" download="文件名.txt">点击下载</a>这样当用户打开浏览器点击链接的时候就会直接下载文件。但是有个情况，比如txt,png,...

2020-11-11

143浏览

0评论

image与view标签上下有空隙的解决方法

这次给大家带来image与view标签上下有空隙的解决方法，解决image与view标签上下有空隙的注意事项有哪些，下面就是实战案例，一起来看一下。解决方案就是可以在image那里设置vert...

2020-11-11

85浏览

0评论

一起了解script标签中的async和defer属性

前端当然要从 HTML 开始，我们来聊聊在 script 标签中加上 async/defer 时的功能及差异。都明白的道理我们都知道，浏览器解析 HTML 是一行一行按照顺序向后读取的，在传统的写法...

2020-11-11

107浏览

0评论

使用layui实现左侧菜单栏及动态操作tab项的方法

首先说一下左侧菜单栏

这是一个最基本的左侧菜单栏，实现的过程很简单，官方的说明文档就有，但是我在导入layer.js之后，直接复制这段官方代码到我的编辑器上时，发现页面是...

2020-11-10

344浏览

0评论

使用layui框架实现点击左侧导航切换右侧内容且右侧选项卡跟随变化的效果

用了layui框架

1.home.html主界面：

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>首页</title> <script src="../js/jqu...

2020-11-10

94浏览

0评论

HTML中必须掌握的知识点有哪些

你是如何理解 HTML 语义化的？让页面内容结构化，它有如下优点1、易于用户阅读，样式丢失的时候能让页面呈现清晰的结构。2、有利于SEO，搜索引擎根据标签来确定上下文和各个关键字...

2020-11-10

390浏览

0评论

HTML网页自动跳转的5种方法

在我们进行网站创建时经常会遇到需要进行网页跳转的情况，本文就来为大家介绍五种网页自动跳转的方法.有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。网页自...

2020-11-10

88浏览

0评论

利用html+css+js实现简单的点赞效果

我们在浏览其他网站的文章时，经常可以看到文章尾部有点赞收藏效果，非常有趣。今天我们自己动手来实现该效果。css样式.like{ font-size:66px; color:#ccc; cursor:pointer;}....

2020-11-07

117浏览

0评论

怎么在html中插入视频和音频

插入视频的理想解决方法：HTML5 + <object> + <embed>代码如下：<!DOCTYPE html><html><body><video width="320" height="240" controls="controls" autoplay="autoplay"> <so...

2020-11-04

106浏览

0评论

浅析HTML5 meta viewport参数

随着移动端的流行，在移动端对网站进行重构和开发势在必行。但是你只有了解了移动设备的meta viewport参数之后，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备...

2020-11-01

89浏览

0评论

使用canvas压缩图片的具体步骤

使用canvas压缩图片的步骤：1、拿到图片元素2、绘制一个空白的canvas3、将图片绘制在canvas上4、将canvas转成base64（这里调用的方法可以实现压缩，base64就可以直接放入src或者...

2020-11-01

119浏览

0评论

cdata标签如何使用

cdata标签使用的方法：CDATA术语 CDATA 指的是不应由 XML 解析器进行解析的文本数据（Unparsed Character Data）。在 XML 元素中，"<" 和 "&" 是非法的。"<" 会产生错误，因为解析器...

2020-10-27

110浏览

0评论

Div水平居中效果怎么实现

对于html/css的初学者来说，实现div各种居中（如水平居中，垂直居中等）的办法，想必大家也都有所了解，毕竟优秀的div排版是制作网页页面的基本组成部分。下面我们就结合简单的示例给大...

2020-10-24

76浏览

0评论

Div垂直居中效果怎么实现

本篇文章主要给大家介绍实现div垂直方向居中的方法。网页设计中div各种居中布局，是html/css初学者们最为基础且需要掌握的知识技能。div水平居中效果我们在之前的文章中有为...

2020-10-24

140浏览

0评论

html怎么实现上角标效果

实现代码：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>制作角标的方法</title> <script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/j...

2020-10-22

87浏览

0评论

深入了解HTML中的编码规范

本文档的目标是使HTML代码风格保持一致，容易被理解和被维护，如果自己没有这种习惯，请好好选择你的IDE，别再用“文本编辑器”。1 代码风格1.1 缩进与换行[强制] 使用 4...

2020-10-22

100浏览

0评论

详细介绍meta标签

Meta 主要标签HTML5的meta标签有三个主要属性，分别是 name 属性，charset 属性和 http-equiv 属性。Charset声明当前文档的字符编码：<meta charset="UTF-8">http-equiv类似http...

2020-10-20

122浏览

0评论

如何利用HTML5 canvas旋转图片？（实例演示）

最近突然想研究一下js旋转图片的功能。对于之前的实现方式，就不先说了。现在HTML5很不错，主要了解一下HTML5中的图片旋转吧。实例演示：http://www.imqing.com/demo/rotateImg.h...

2020-10-20

159浏览

0评论

分享三款美观的html按钮样式

样式如下：按钮样式一： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http:/...

2020-10-14

145浏览

0评论

谈谈HTML标签元素中alt和title属性的区别

本篇文章给大家介绍一下HTML标签元素中alt和title属性的区别。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。概述这道题大概还可以加个限定词，我们暂且把 <...

2020-10-12

148浏览

0评论

几种HTML表单提交方式介绍

1、最基本的表单提交。<!DOCTYPE html><html><head><meta charset="UTF-8"><title>表单提交示例 - 基本表单提交</title></head><body><form action="/server_url" method="...

2020-10-01

124浏览

0评论

几个HTML小案例介绍

案例一：隐藏扩展域，并去掉after，并去掉高度<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Title</title> <style> .clearfix:after{ /*善用af...

2020-09-30

184浏览

0评论

html+ccs3实现太阳系行星运转动画

做一个太阳系八大行星的运转动画，不包括行星的卫星，所有行星围绕太阳公转，行星采用纯色，暂时没有自转。效果静态图：动画中包括：太阳及各行星，运行轨道，行星公转动画。先画好草图，设计...

2020-09-30

876浏览

0评论

HTML中如何显示特殊字符(尖括号 “<”,">")？

这几天，做个网页，之后进行解析，总是出错。最后发现是因为错误的使用了尖括号 “<”,">"。如下面的html代码: <body> 显示：<input id="myTest" type="text"...

2020-09-30

94浏览

0评论

深入理解HTML语义化

1、什么是HTML语义化？<基本上都是围绕着几个主要的标签，像标题（H1~H6）、列表（li）、强调（strong em）等等>根据内容的结构化（内容语义化），选择合适的标签（代码语义化）便于开发者阅读和写出...

2020-09-30

330浏览

0评论

浅谈去除chrome中input自动填充背景的方法

input可能是平时网页中使用最多的标签之一了，但凡需要输入的地方都少不了。
毕竟输入是一件比较麻烦的事情，所以浏览器也做出了许多便于输入的地方，比方说自动填充一般情况下，在...

2020-09-30

167浏览

0评论

详解HTML文档声明（DOCTYPE）

特点文档声明必须是HTML文档的第一行、且顶格显示，对大小写不敏感。因为任何放在DOCTYPE前面的东西，比如批注或XML声明，会令IE9或更早期的浏览器触发怪异模式(后面的渲染模式会...

2020-09-30

241浏览

0评论

如何巧用 canvas（画布）为图片加水印？

在前端中给网页图片添加水印是个常见的功能，也是互联网内容作者保护自己版权的方法之一。本文简单记录一下借助canvas在前端实现图片添加水印的实现方法。canvas元素其实就是...

2020-09-30

129浏览

0评论

html5不常用标签应用场景

作为一个前端开发，在浏览别人家的页面时总是会习惯性的查看他们页面的源码，发现大多数网站的页面，包括我自己写的页面中用到的最多的布局元素无外乎就是div、p、span、ul、dl、...

2020-09-30

122浏览

0评论

HTML中16个全局属性介绍

HTML原有属性accesskey作用：浏览器用来创建激活或聚焦元素的快捷键值：一个键盘字符如 O范围：支持该属性的元素有<a>、<area>、<button>、<input>、<label>、<legend>、<textare...

2020-09-30

176浏览

0评论

常见的类名id名命名参考规范

web前端命名规范下面是常见的命名参考规范：❤ 主体头部：header内容：content/container尾部：footer导航：nav侧栏：sidebar栏目：column整体布局：wrapper左右中：left / right / center登...

2020-09-30

172浏览

0评论

10个你不知道你需要的html元素

HTML 是一种功能强大的标记语言，可用于为我们的 web 应用程序提供结构并提供强大的可访问性优势，但只有在适当使用时才能使用。因此，今天我们将发觉 10 个你可能不知道存在的 H...

2020-09-30

131浏览

0评论

适用于任何项目的基本HTML5模板

在本文中，我们将看看如何开始。让我们从简单的开始，用一个最基本的HTML5页面:<!doctype html><html><head> <meta charset="utf-8"> <title>The HTML5 Herald</title> <met...

2020-09-30

129浏览

0评论

水波图实现原理

没错，有人肯定会想到，就是正余弦曲线！对于波陡很小的波动，一般选择正弦或余弦的曲线来表示波形，这是最简单而又最接近实际波形的表述。这里我选择了正弦曲线来实现。在讲实现思...

2020-09-30

157浏览

0评论

初学指南之Canvas使用

什么是 Canvas？HTML5 的 Canvas 元素使用 JavaScript 在网页上绘制图像。画布是一个矩形区域，你可以控制其每一像素。canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像...

2020-09-30

115浏览

0评论

Canvas的绚烂起点

Canvas是什么可以理解为，它提供了一块画布，在它所掌控的区域，可以运用各种方法绘制图形、文本，或者制作动画、处理图像，等等。通常我们能够看到一些炫酷的动画，很多都是canvas做出...

2020-09-30

185浏览

0评论

使用HTML5获取地理位置定位信息

使用HTML5获取地理位置定位信息如何使用HTML5地理位置定位功能定位功能(Geolocation)是HTML5的新特性，因此只有在支持HTML5的现代浏览器上运行，特别是手持设备如iphone，地理定...

2020-09-30

101浏览

0评论

如何让所有浏览器支持HTML5 video视频标签

1.兼容video标签的必要性随着HTML5的定稿，在HTML5的时代里，基本上只要一个 video 标签加一个视频的src链接地址就可以播放视频了，对于开发人员来讲真是“酷毕了”。...

2020-09-30

153浏览

0评论

HTML5 canvas画简单的叮当猫头

html5的canvas是很强大的，下面本篇文章使用html5 canvas 实现一个简单的叮当猫头部。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。效果如下：代码如下：<div c...

2020-09-30

102浏览

0评论

详解HTML5 canvas的线条及线条属性

创建 canvas首先创建一个canvas元素，我们只需要在html文件中加入这么一句代码：<canvas id="canvas">当前浏览器不支持canvas，请更换浏览器使用！</canvas>同时我们也可以通过canv...

2020-09-30

160浏览

0评论

详细了解一下HTML中的表格table

在CSS出现之前，table元素常常用来布局。这种做法在HTML4之后不再推荐使用。而现在有些矫枉过正，使用table展示数据都可能会被说不规范。本文将详细介绍HTML表格tabletable【默...

2020-09-30

热门文章