Html
HTML语义化
用正确的标签做正确的事情。 html语义化让页面的内容结构化，结构清晰，便于对浏览器、搜索引擎解析； 即使在没有css样式的情况下也以一种文档格式显示，并且是容易阅读的； 搜索引擎的爬虫也依赖于HTML标记来确定上下文和各个关键字的权重，利于SEO（Search Engine Optimizatio ......
HTML之src与href的区别
src用于替换当前元素，href用于在当前文档和引用资源之间确立联系。 1、src src是source（/sɔːs/ n. 来源、源头、出处）的缩写，指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置；在请求src资源时会将其指向的资源下载并应用到文档中，例如js脚本，img图片和fr ......
node express+vue+html，后端+后台管理+官网线上部署
引言简介 遗憾：这里没有进行linux的mysql安装不完美，有空补全 1. node安装 安装nodejs参考地址： https://blog.csdn.net/cnds123321/article/details/121301089 报错 GLIBC_2.28 not found 这里安装的时候 ......
html标签
img标签 <!--主要是在网页显示图片--> 标签的属性： 1、自带属性 2、自定义属性 <img src="preview.jpg" alt="动漫" width="200px"> src: <!--写图片的地址：外链地址或者相对地址--> alt: <!--当图片加载失败时显示对图片的描述性信 ......
Html（布局标签---表单标签---表单项标签）
一、布局标签 标签描述 <div> 定义 HTML 文档中的一个区域部分，经常与 CSS 一起使用，用来布局网页 <span> 用于组合行内元素。 代码演示： 运行界面： 二、表单标签 标签描述 <form> 定义表单 <input> 定义表单项，通过type属性控制输入形式 <label> 为表单 ......
html（超链接---列表标签---表格标签）
一、超链接 标签描述 <a> 定义超链接，用于链接到另一个资源 href：指定访问资源的URL target：指定打开资源的方式 _self:默认值，在当前页面打开 _blank：在空白页面打开 代码演示： 运行界面： 二、列表标签 标签描述 <ol> 定义有序列表 <ul> 定义无序列表 <li> ......
html常用基础知识（基础标签---音视频标签）
一、基础标签 标签描述 HTML 定义 HTML 文档 head 定义关于文档的信息 title 定义文档的标题 body 定义文档的主体 标签描述 <h1 > ~< h6> 定义标题，h1最大，h6最小 <font> 定义文本的字体、字体尺寸、字体颜色 <b> 定义粗体文本 <i> 定义斜体文本 ......
Python+自动化测试生成HTML报告
📎HTMLTestRunner.py 先把文件放在python路径下的lib里面. 注意事项 在我们使用HTMLTestRunner 生成测试报告的时候要注意,打开文件要用"wb"以二进制写方式打开,并且不要指定编码格式(encoding),否则会报错,如果只用"w",也是会报相同的错 用"w", ......
初识HTML5（2）
在本文中，我将介绍HTML5的超链接标记和表格的相关标记。 超链接标记 超链接是HTML中非常重要的元素，它用于在不同网页或不同部分之间创建链接。以下是一些与超链接相关的标记和属性： 使用<a>标签来定义超链接，其中href属性用于指定链接的目标URL，target属性用于指定链接如何打开。 超链接 ......
初识HTML5
HTML是一种超文本标记语言，用于创建和设计网页。HTML5是HTML的第五个版本，具有更丰富的功能和更好的效果。在开发过程中，我们可以使用Hbuilder作为开发工具，以及使用Chrome浏览器进行测试。 HTML5的基本文档结构包括以下几个标签：<!DOCTYPE html>用于定义HTML5文 ......
从前做前端的时候， 联通的好多html5活动， 页面布局如何整齐，回顾一个常用的
今天想布个页面， 许久不手写css了，从前写了许多html5的游戏活动等， 大转盘，豆豆世界，沃积分， 刮刮卡， 那时候早，不同手机端一个个测，手机品牌每个浏览器都不一样，那时候测试部的可是好好弄了我写的积分平台的联通全栈移动端了， 搞了通宵才让回家，因为要赶上线。 如今却css许久不写了，好多技能 ......
Python 实现HTML 转Word
之前文章分享过如何使用Spire.Doc for Python库将Word文档转为HTML格式，反过来，该库也能实现HTML到Word文档的转换。通过代码进行转换，避免了手动复制粘贴费时间，并且可能会出现错误或格式混乱等问题。 Spire.Doc for Python库能转换一个HTML文件为 Wo ......
HTML之元素相对页面(视口)左上角的绝对坐标
目录一. 绝对位置二. 相对位置 一. 绝对位置 网页元素的绝对位置，指该元素的左上角相对于整张网页左上角的坐标。无论网页滚动条如何滚动，它都是不会变化的。 // 获取元素的绝对位置坐标（相对于页面左上角） function getElementPagePosition(element){ //计算 ......
HTML中获取iOS手机安全区域SafeArea
苹果手机iPhone X及以上版本都带有刘海屏，14pro以上版本变成了所谓灵动岛，所以顶部和底部都有一个安全区域。 手机型号尺寸（pt)倍数屏幕（px）状态栏高度顶部安全距离底部安全距离 iPhone14Pro、iPhone15Pro、iPhone15 393 * 852 3 1179 * 255 ......
记录--HTML问题：如何实现分享URL预览？
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 1. 需求分析 为了提高用户对页面链接分享的体验，需要对分享链接做一些处理。 以 Telegram(国外某一通讯软件) 为例，当在 Telegram 上分享已做过处理的链接时，它会自动尝试获取链接的预览信息，包括标题、描述和图片。 如此当 ......
HTML基础
【HTML基础】 本文档是个人对 Pink 老师课程的总结归纳及补充，转载请注明出处！ 一、HTML简介 1.1 网页 1.1.1 什么是网页？ **网页：**构成网站的基本元素，通常是 HTML 格式的文件（.htm 或 .html）必须通过浏览器来阅读。 **网站：**利用前端技术制作的网页集合 ......
css+html 实现带箭头的流程步骤条
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .navs { height: 50px; line-height: 50px; padding-top: 10px ......
Sublime Text Html CSS JS 代码整理美化插件
原文地址：Sublime Text Html CSS JS 代码整理美化插件使用代码编辑编辑器的好处就是有很多功能可以用，特别是一个就是代码整理优化。 在编写代码时，我们经常会遇到代码混乱、缩进不正确或格式不统一等问题。这些问题可能会导致代码难以阅读、维护和调试，降低开发效率。 那么我这里说一下Su ......
Python采集html页面时如何去除掉script,link等指定html标签
python爬虫去除html中特定标签、去除注释、替换实体前言：本文主要讲w3lib库的四个函数 html.remove_tags() html.remove_tags_with_content() html.remove_comments() html.remove_entities() remo ......
html复制文本逻辑
// 复制文本 function copyTxt(text) { if (navigator.clipboard) { navigator.clipboard.writeText(text) $Sys.notify('复制成功') } else if (document.execCommand) { ......
简单入门五子棋代码html+css+javascript实现
今天为了测试某AI工具，尝试生成了五子棋代码，代码非常简单，适合入门级小白练手。 把代码中的bug调试通过后贴出来了，供一些入门的小朋友参考。 代码中没有实现任何算法部分，比如胜利判断、机器人对决等功能还没有开发的 但是每次落子会后自动换手，没有悔棋，胜负全靠自己判断。 先上一张图看看效果： 代码部 ......
Html空格标签，这6种你用过吗
Html空格标签，这6种你用过吗 今天给大家说一说，HTML中的6种空格表示： 1： ； 它叫不换行空格，全称No-Break Space，它是最常见和我们使用最多的空格，在HTML中，如果用空格键来当做空格，不会累加的只算1个，要使用html实体表示才可累加，该空格占据宽度受字体影响。 2 ......
HTML5应用之文件拖拽上传
使用HTML5的文件API，可以将操作系统中的文件拖放到浏览器的指定区域，实现文件上传到服务器。本文将结合实例讲解HTML5+jQuery+PHP实现拖拽上传图片的过程，来看下HTML5的魅力吧。 HTML 我们在页面中放置一个拖拽区域#drop_area，即接收拖拽的区域，#preview用来预览 ......
使用HTML5实现多文件上传
入门 File input之所以叫file input是因为它是一个标准的input元素，且其type属性被设置为"file"。很多年以来，file input一次只能选择并上传单个文件。在新的HTML5规范中为input元素添加了多选模式。当然，不同浏览器对于规范的实现一直以来都不尽相同。比如，F ......
HTML5 文件上传的2种方式
以前上传文件需要提交Form表单。 HTML5方式上传文件，可以通过使用FormData类模拟Form表单提交，从而实现无刷新上传文件。 假设有一个文件选择框 <input type="file" name="pic" id="pic" accept="image/gif" /> 有下面2种方式上传 ......
html5实现文件批量上传组件
一、概述 在html5中，相对于之前添加了不少新的元素和属性，在javascript中也添加了一些新的API，这些给我们的开发带来了很多便利。但由于各浏览器的发展步骤不一致，也导致了不同浏览器对html5支持的差异性。 二、实现原理 1.在该html5实现的文件批量上传组件中，我们主要是利用html ......
Python——Html（HEAD头部）
HTML中HEAD头部设置（了解） 在HTML中，<head> 元素是文档的头部部分，通常包含了一些关于文档的元信息和链接到外部资源的标签。以下是一些常见的 <head> 元素中使用的标签及其作用： <title>：设置网页的标题 设置网页的标题，显示在浏览器的标题栏或标签页上。 示例： <head ......
HTML5文件上传操作
一、File对象 在 HTML5 出现之前，在 Web 上没有文件创建和复制，也没有文件处理，HTML5 规范中包含 3 个文件相关的规范：“文件 API”“文件 API：目录和系统”以及“文件 API：写入器”，文件 API 包含 File 对象、FileList 对象和 FileReader 对 ......
html5中怎么实现多文件上传功能
本篇文章为大家展示了html5中怎么实现多文件上传功能，内容简明扼要并且容易理解，绝对能使你眼前一亮，通过这篇文章的详细介绍希望你能有所收获。 主要用到的是<input>的multiple属性 代码如下: <input type="file" name="multipleFileUpload" mu ......
HTML5 进阶系列：文件上传下载
前言 HTML5 中提供的文件API在前端中有着丰富的应用，上传、下载、读取内容等在日常的交互中很常见。而且在各个浏览器的兼容也比较好，包括移动端，除了 IE 只支持 IE10 以上的版本。想要更好地掌握好操作文件的功能，先要熟悉每个API。 FileList 对象和 file 对象 HTML 中的 ......