Html

nuxt项目如何在路由地址上添加.html后缀?

export default { // ... router: { extendRoutes(routes, resolve) { routes.push({ name: 'test-id-html', path: '/test/:id.html', component: resolve(__dir ......
后缀 路由 地址 项目 nuxt

记一次<!DOCTYPE html>引起的height100%总是屏幕高度,layui弹框top值很大超出屏幕问题

不管父元素有没有指定高度,只要有height:100% 高度就是是九百多,我屏幕的高度或者浏览器可显示区域高度 最先是swiper区域控制不了高度一致九百多,后来发现layui的checkbox span文字高度也是九百多,两个地方均有height100% layui msg 无法显示,查看源代码 ......
屏幕 高度 DOCTYPE height 问题

自学前端-HTML5+CSS-综合案例一-热词

# 综合案例一-热词 [TOC] 设计图如下 ![综合案例一-热词图片](C:\Users\kaixishou\Desktop\html+css实例图片和笔记\综合案例一-热词图片.png) ## 1、设计需求 ①需要鼠标放上去有显示透明 ②需要点击后跳转到相应页面且保留原页面 ## 2、设计所需标 ......
前端 案例 HTML5 HTML CSS

要在HTML中让文字居中,可以使用CSS样式来设置文本的对齐方式

以下是几种常见的居中文本的方法: 1. 使用 `text-align: center;` CSS样式: 这个方法适用于将文本居中对齐在其父元素内。可以将 `text-align: center;` 应用于父元素,这将使其内部的所有文本内容都居中对齐。 示例代码: ```html 居中对齐的文本 `` ......
样式 文本 文字 方式 HTML

html 学习 day3 css 的层叠 父子size 的继承

今天遇到一个问题, css 的父子继承关系在一种case 下不生效。 :子节点 无法 继承 父节点的 width 和 height 的设定 下面代码的原始版本 img 无法继承 div 的 宽和高的设定。 当 img 的 css 设定为: img { height: 100%; width: 100 ......
父子 html day3 size day

HTML | HTML简介

### 什么是 HTML **全称:**HyperText Markup Language(超文本标记语言),专门用来设计和编辑网页。HTML 不是编程语言,没有逻辑处理能力,没有计算能力,不能动态地生成内容,而只能静态地展示网页信息。 **超文本:**暂且简单理解为 “超级的文本”,和普通文本比, ......
HTML 简介

【Tips】克隆网站为单个HTML文件、将一个完整的页面保存到单个 HTML 文件中

Project on GitHub: https://github.com/gildas-lormeau/SingleFile Chrome插件市场 https://chrome.google.com/webstore/detail/singlefile/mpiodijhokgodhhofbcjde ......
单个 文件 HTML 页面 网站

html5 - 支持word上传的富文本编辑器

​ 如何做到 ueditor批量上传word图片? 1、前端引用代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional ......
编辑器 文本 html5 html word

14款超时尚的HTML5时钟动画

时钟动画在网页应用中也非常广泛,在一些个人博客中,我们经常会看到一些相当个性化的HTML5时钟动画。今天我们向大家分享了14款形态各异的超时尚HTML5时钟动画,其中有圆盘时钟、3D时钟、个性化时钟等,强大的HTML5为时钟动画增添了不少精彩,希望能给大家带来帮助。 1、可爱的CSS3圆盘时钟动画 ......
时钟 动画 时尚 HTML5 HTML

HTML5技术改变世界之WebGL

20个不可思议的 WebGL 示例和演示 WebGL 是一项在网页浏览器呈现3D画面的技术,有别于过去需要安装浏览器插件,通过 WebGL 的技术,只需要编写网页代码即可实现3D图像的展示。WebGL 可以为 Canvas 提供硬件3D加速渲染,这样 Web 开发人员就可以借助系统显卡来在浏览器里更 ......
世界 HTML5 WebGL 技术 HTML

HTML

[toc] # HTML介绍 ``` ● 超文本标记语言(Hypertext Markup Language, HTML)是一种用于创建网页的标记语言。 ● 本质上是浏览器可识别的规则,我们按照规则写网页,浏览器根据规则渲染我们的网页。对于不同的浏览器,对同一个标签可能会有不同的解释。(兼容性问题) ......
HTML

HTML入门-----常见标签之图片标签

![image](https://img2023.cnblogs.com/blog/3235707/202307/3235707-20230718174528521-402757200.png) 图片标签:用于显示网页中的图片! ![image](https://img2023.cnblogs.co ......
标签 常见 图片 HTML

HTML入门-----常见标签之超链接标签

![image](https://img2023.cnblogs.com/blog/3235707/202307/3235707-20230718174658076-1844733341.png) 超链接标签:主要用于网页中的跳转 ![image](https://img2023.cnblogs.c ......
标签 常见 链接 HTML

HTML一键打包APK工具1.9.5更新,新增一机一码功能

HMTL网址打包APK,可以把本地HTML项目, Egret游戏,网页游戏,或者网站打包为一个安卓应用APK文件,无需编写任何代码,也无需配置安卓开发环境,支持在最新的安卓设备上安装运行。 打包软件会对APK进行防止误报毒处理,可以有效防止打包生成的APP误报毒的问题. HTML一键打包APK工具1 ......
功能 工具 HTML APK

HTML

HTTP协议 http协议: 超文本传输协议,'用来规定服务端和浏览器之间的数据交互的格式'··· 该协议可以不遵循,但是自己写的服务端,就不能被浏览器正常访问,只可以自己写客户端或者app HTTP协议四大特性 1 基于请求响应 2 基于TCP/IP作用于应用层之上的协议 3 无状态 -不保存用户 ......
HTML

html2Canvas转化为图片时input框错位

把input框改成div即可; 原因是什么,暂不清楚; https://blog.csdn.net/qq_37682202/article/details/123542275 ......
html2Canvas 2Canvas Canvas 图片 html2

界面控件DevExtreme PivotGrid,拥有新的HTML编码体验!

虽然DevExtreme刚刚发布了v23.1,但今天我们仍然要继续总结一下之前的主要更新(v22.2)中发布的一些与DevExtreme PivotGrid(透视网格)组件相关的重要特性。 DevExtreme拥有高性能的HTML5 / JavaScript小部件集合,使您可以利用现代Web开发堆栈 ......
控件 DevExtreme PivotGrid 界面 编码

12个效果奇特的HTML5动画赏析

本文将为大家分享12个效果奇特的HTML5动画,HTML5强大的动画特性可以让你的网页变得更加生动和富有活力,交互性也会进一步得到提高。一起来看看下面的这些HTML5动画案例,每个案例都提供源代码下载。 1、HTML5 Canvas瀑布动画 超逼真 这次我们来分享一款很酷的HTML5 Canvas瀑 ......
效果 动画 HTML5 HTML

HTML简单学习

介绍:如果你想让你的网页在浏览器中正常显示,你就必须遵循HTML标签 HTML文件的后缀名是.html HTML文档介绍: Title # 标签顶部显示的内容 # head标签一般写的不是让用户看的 # body标签一般写什么内容,浏览器中就能够看到什么内容,给用户看的 ### body中常用的标签 ......
HTML

HTML入门-----常用标签之字体样式标签

![image](https://img2023.cnblogs.com/blog/3235707/202307/3235707-20230717203446727-406490848.png) 字体样式标签 可以改变字体的样式 加粗:```,``` 斜体:``` ,``` 示例: ``` 我很喜欢 ......
标签 样式 字体 常用 HTML

HTML入门-----常见标签之注释和特殊符号

![image](https://img2023.cnblogs.com/blog/3235707/202307/3235707-20230717203732491-2004169738.png) 注释和特殊符号 空格:&nbsp 大于号(>):&gt 小于号(<):&lt 引号("):&quot ......
注释 符号 常见 标签 HTML

HTML入门-----常用标签之段落标签

![image](https://img2023.cnblogs.com/blog/3235707/202307/3235707-20230717202943426-23555893.png) 2.段落标签p 主要用于文章段落,自动换行,有默认行距。 示例: ``` 我是一个段落 我是一个段落 `` ......
标签 段落 常用 HTML

HTML入门-----常用标签之换行标签

![image](https://img2023.cnblogs.com/blog/3235707/202307/3235707-20230717203126191-516844462.png) 换行标签 `````` 用于网页中的换行,没有行距。 ``` 张学友 周杰伦 ``` ![image]( ......
标签 常用 HTML

HTML入门-----常用标签之水平线标签

![image](https://img2023.cnblogs.com/blog/3235707/202307/3235707-20230717203308313-1546134263.png) 水平线标签 `````` ``` 张学友 周杰伦 ``` ![image](https://img20 ......
标签 水平线 水平 常用 HTML

HTML入门---常用标签之标题标签

![image](https://img2023.cnblogs.com/blog/3235707/202307/3235707-20230717202533179-596204762.png) .标题标签 h1~h6 自动换行,自动加粗,数值越小字越大。 示例: ``` 标题 标题 标题 标题 标 ......
标签 常用 标题 HTML

HTML入门-----初识html

![image](https://img2023.cnblogs.com/blog/3235707/202307/3235707-20230717201715069-2003572560.png) HTML简介: 是一种超文本标记语言。 网页的组成: 骨架:HTML 表现层:CSS 行为层:Java ......
HTML html

使用Javascript将Html字符串解析为DOM节点的3种方式

如果我们需要将下面这个Html字符串转换为一个DOM元素节点 ```javascript const htmlString = ` Hello World `; ``` 我们需要怎么做?其实有3种方法: 1. Range API 2. Template 3. DOMParser 下面,就分别说明一下 ......
节点 字符串 Javascript 字符 方式

前端三剑客之html

一、http协议 1、http 超文本传输协议 HTTP(Hypertext Transfer Protocol)是一种用于在Web上传输数据的协议,规定了服务端和客户端之间的数据传输格式及其标准。 HTTP协议是一种应用层协议,它是基于TCP/IP协议开发的。HTTP在TCP之上,而TCP在IP之 ......
三剑客 前端 html

express發送單個純HTML頁面

1 只需要使用res.sendFile("FilePath", {root: __dirname}) 路徑必須是絕對路徑, 除非指定root 2 頁面內引用的其它文件不會被發送, 但是在客戶端會將其中引用的文件以url請求的方式向服務端重新請求, 這時候就需要配置其中引用文件的訪問路徑 在引用的sc ......
express HTML