HTML使用
文章目录
- 一、简介
- 二、HTML快速入门
- 三、基础标签
- 四、图片、音频、视频标签
- 五、超链接标签
- 六、列表标签
- 七、表格标签
- 八、布局标签
- 九、表单标签
- 十、表单向标签
一、简介
二、HTML快速入门
<html><head><title>你好</title></head><body>再见</body></html>
三、基础标签
<!--html5 标识-->
<!DOCTYPE html>
<html lang="en">
<head><!--页面字符集--><meta charset="UTF-8"><title>Title</title>
</head>
<body><h1>我是标题 h1</h1>
<h2>我是标题 h2</h2>
<h3>我是标题 h3</h3>
<h4>我是标题 h4</h4>
<h5>我是标题 h5</h5>
<h6>我是标题 h6</h6><hr><!--html 表示颜色：1、英文单词：red，pink，bule......2、rgb(值1，值2，值3)：值的取值范围：0~2553、#值1值2值3:值的范围： 00~FF
-->
<font face="楷体" size="5" color="#7fffd4">你好</font><hr>为了帮助你在激烈的抢票竞争中获得更大的成功机会，本文将介绍抢票软件的实现原理以及我所了解的一些抢票方式。但是，请不要过度将希望寄托于抢票软件，它有时也不灵，经过我的验证，即使你用到了抢票软件，也不一定能抢到票。票务平台会经常调整反爬策略打击爬虫行为，如果希望抢票软件保持较高的成功率，是需要开发者针对票务平台的打击策略作出逻辑调整，这个成本是很高的，所以你能随手获得的抢票软件很大概率是抢不到票的或者说是不安全的。<br>
在调研过程发现一个有意思的点 “黄牛的票从来不是抢来的”。相关规定，面向市场公开销售的营业性演出门票数量，不得低于核准观众数量的70%。 而剩下的那 30%，即非公开销售的票，则是黄牛票的主要来源，也叫渠道票。这里面涉及主办方对热门票和冷门票的售票策略，黄牛在这链条中扮演着重要的角色，只要演唱会门票的二级市场不会消失，黄牛就永远不会消失，对于市场本身来说，愿意花更多钱买黄牛票的人，一定是更有需求的人，黄牛不过是市场调节的人格化。<hr>
<p>
为了帮助你在激烈的抢票竞争中获得更大的成功机会，本文将介绍抢票软件的实现原理以及我所了解的一些抢票方式。但是，请不要过度将希望寄托于抢票软件，它有时也不灵，经过我的验证，即使你用到了抢票软件，也不一定能抢到票。票务平台会经常调整反爬策略打击爬虫行为，如果希望抢票软件保持较高的成功率，是需要开发者针对票务平台的打击策略作出逻辑调整，这个成本是很高的，所以你能随手获得的抢票软件很大概率是抢不到票的或者说是不安全的。<br>
<p>
在调研过程发现一个有意思的点 “黄牛的票从来不是抢来的”。相关规定，面向市场公开销售的营业性演出门票数量，不得低于核准观众数量的70%。 而剩下的那 30%，即非公开销售的票，则是黄牛票的主要来源，也叫渠道票。这里面涉及主办方对热门票和冷门票的售票策略，黄牛在这链条中扮演着重要的角色，只要演唱会门票的二级市场不会消失，黄牛就永远不会消失，对于市场本身来说，愿意花更多钱买黄牛票的人，一定是更有需求的人，黄牛不过是市场调节的人格化。<hr>
<b>在调研过程发现一个有</b><br>
<i>在调研过程发现一个有</i><br>
<u>在调研过程发现一个有</u><br><hr>
<center><b>在调研过程发现一个有</b>
</center></body>
</html>
四、图片、音频、视频标签
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body><!--资源路径：1、绝对路径：完整路径2、相对路径：相对位置关系xxx/html/02-图片音频视频.htmlxxx/html/a.jpg当前目录下访问方式： ./a.jpg & a.jpgxxx/html/02-图片音频视频.htmlxxx/html/img/a.jpg./img/a.jpg../img/a.jpg尺寸单位：1、px:像素2、百分比：
--><!--图片-->
<img src="a.jpg" width="200" height="400"><audio src="b.mp3" controls="controls"></audio><video src="c.mp4" controls="controls" width="200" height="300"></video></body>
</html>
五、超链接标签
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body><a href="https://www.baidu.com/" target="_blank">百度</a></body>
</html>
六、列表标签
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body><ol type="A"><li>可口可乐</li><li>百事可乐</li><li>七喜</li>
</ol><ul type="circle"><li>可口可乐</li><li>百事可乐</li><li>七喜</li>
</ul></body>
</html>
七、表格标签
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body><table border="1"cellspacing="0" width="500"><tr><th>序号</th><th>品牌log</th><th>品牌名称</th><th>企业名称</th></tr><tr align="center"><td>010</td><td><img src="a.jpg" width="60" height="50"></td><td>三只松鼠</td><td>三只松鼠</td></tr><tr align="center"><td>020</td><td><img src="a.jpg" width="60" height="50"></td><td>优衣库</td><td>优衣库</td></tr><tr align="center"><td>030</td><td><img src="a.jpg" width="60" height="50"></td><td>小米</td><td>小米</td></tr></table><br>
<hr>
<br><table border="1"cellspacing="0" width="500"><tr><th colspan="2">品牌log</th><th>品牌名称</th><th>企业名称</th></tr><tr align="center"><td>010</td><td><img src="a.jpg" width="60" height="50"></td><td>三只松鼠</td><td>三只松鼠</td></tr><tr align="center"><td rowspan="2">020</td><td><img src="a.jpg" width="60" height="50"></td><td>优衣库</td><td>优衣库</td></tr><tr align="center"><td>030</td><td><img src="a.jpg" width="60" height="50"></td><td>小米</td></tr></table></body>
</html>
八、布局标签
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body><div>我是div</div>
<div>我是div</div><span>我是span</span>
<span>我是span</span></body>
</html>
九、表单标签
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body>
<!--
form:action：指定表单数据提交的url* 表单项数据要想被提交，则必须指定其name属性method：指定表单提交方式1、get：默认值*请求参数会拼接在URL后面*url的长度有限制 4KB2、post：* 请求参数会在http请求协议的请求体中*请求参数无限制的
-->
<form action="#" method="post"><input type="test" name="username"><input type="submit">
</form></body>
</html>
十、表单向标签
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body><form action="#" method="post"><input type="hidden" name="id" value="123"><label for="username">用户名：</label><input type="text" name="username" id="username"><br><label for="password"> 密码：</label><input type="password" name="password" id="password"><br>性别：<input type="radio" name="gender" value="1" id="male"><label for="male">男</label><input type="radio" name="gender" value="2" id="rmale"><label for="rmale">女</label><br>爱好：<input type="checkbox" name="hobby" value="1"> 吃饭<input type="checkbox" name="hobby" value="2"> 睡觉<input type="checkbox" name="hobby" value="3"> 打豆豆<br>头像：<input type="file"><br>城市：<select><option>北京</option><option value="shanghai">上海</option><option>广州</option></select><br>个人描述：<testarea cols="20" rows="5"></testarea><br><br><input type="submit" value="免费注册"><input type="reset" value="重置"><input type="button" value="一个按钮"></form></body>
</html>
相关文章：
HTML使用
文章目录 一、简介二、HTML快速入门三、基础标签四、图片、音频、视频标签五、超链接标签六、列表标签七、表格标签八、布局标签九、表单标签十、表单向标签 一、简介 二、HTML快速入门 <html><head><title>你好</title></head><body>再…...
通过联合部署DDoS高防和WAF提升网站防护能力
如果您的网站遭受的攻击既有流量型攻击，又混杂精巧的Web应用层攻击时（例如SQL注入、跨站脚本攻击、命令注入等）时，推荐您组合使用阿里云DDoS高防和Web 应用防火墙 WAF（Web Application Firewall）࿰…...
具体挫折现象的发生以及解法思考：您如果继续不问的话，严重重责就容易来
一 积极想方设法的寻找扭转劣势的方式方法； 目前对于第一条的践行，主要还是依靠打工做事赚取收入。至于个人业务，只能往后推，往后延迟。因为不管您目前居住的环境，还是个人条件都不行，所以无法实行个人业…...
Type-C接口PD协议统一：引领电子科技新纪元的优势解析
在电子科技日新月异的今天，充电接口的统一化已经成为了业界的一大趋势。其中，Type-C接口凭借其传输速度快、使用便捷等优点，迅速成为了市场上的主流选择。而PD（Power Delivery）协议的统一，更是为Type-C接口…...
探讨2024年AI辅助研发的趋势
一、引言 随着科技的飞速发展，人工智能（AI）已经成为当今时代最具变革性的技术之一。AI的广泛应用正在重塑各行各业，其中，AI辅助研发作为科技和工业领域的一大创新热点，正引领着研发模式的深刻变革。从医药…...
Java对接海康威视摄像头实现抓图
目录 一、下载SDK 二、拷贝示例代码 三、拷贝库文件 四、运行Demo 五、抓图业务 六、调参 七、发布Linux正式环境 一、下载SDK 海康开放平台 二、拷贝示例代码 三、拷贝库文件 这时候直接运行ClientDemo会报错，因为缺失库文件！ 四、运行Demo …...
浏览器一键重新发起请求
一、需求场景 在前端开发过程中，经常会需要重新请求后台进行代码调试，之前的常规方法是刷新浏览器页面或者点击页面进行交互，这样对多个请求的场景就很方便，但是往往很多时候我们只是单纯的想重新发起一个请求（多个请求…...
一起来读李清照
当然先祝各位女生节日快乐🎁🎁啦。 但是呢，今天，我们不聊技术，来聊点其他的。 大家都知道今天是三八妇女节，三八妇女节的是中国人的叫法，也叫国际妇女节。是为了纪念妇女权利的运动&#…...
找出单身狗1，2
目录 1. 单身狗12. 单身狗2 1. 单身狗1 题目如下： 思路：一部分人可能会使用对数组排序，遍历数组的方式去找出只出现一次的数字，但这种方法的时间复杂度过高，有时候可能会不满足要求。 有一种十分简便的方法是使用异或…...
贝叶斯优化BiLSTM分类预测（matlab代码）
贝叶斯优化BiLSTM分类matlab代码 数据为Excel分类数据集数据。 数据集划分为训练集、验证集、测试集，比例为8:1:1 数据处理: 在数据加载后，对数据进行了划分，包括训练集、验证集和测试集，这有助于评估模型的泛化能力。 数据标…...
Linux运维：实现光盘开机自动挂载、配置本地yum源教程
Linux运维：实现光盘开机自动挂载、配置本地yum源教程 一、光盘开机自动挂载1、检查光驱设备2、创建挂载点3、编辑/etc/fstab文件4、测试挂载 二、配置本地yum源(挂载光盘或ISO文件)1、挂载ISO文件2、创建YUM仓库配置文件3、清理YUM缓存并测试 💖The Begi…...
C语言从入门到精通 第十二章（程序的编译及链接）
写在前面： 本系列专栏主要介绍C语言的相关知识，思路以下面的参考链接教程为主，大部分笔记也出自该教程。除了参考下面的链接教程以外，笔者还参考了其它的一些C语言教材，笔者认为重要的部分大多都会用粗体标注…...
即插即用篇 | YOLOv8 引入 ParNetAttention 注意力机制 | 《NON-DEEP NETWORKS》
论文名称：《NON-DEEP NETWORKS》 论文地址：https://arxiv.org/pdf/2110.07641.pdf 代码地址：https://github.com/imankgoyal/NonDeepNetworks 文章目录 1 原理2 源代码3 添加方式4 模型 yaml 文件template-backbone.yamltemplate-small.yamltemplate-large.yaml...
基于51单片机的数字频率计设计
基于51单片机的数字频率计设计 摘要： 本文深入探讨了基于51单片机的数字频率计设计方案与实践。该设计方案不仅实现了对输入信号频率的高精度测量，还通过直观的数字显示提供了便捷的读取方式。在电子测量领域，频率作为核心参数之一，其准确测量对于确保通信、音频处理、控…...
20240307-1-前端开发校招面试问题整理JavaScript
前端开发校招面试问题整理【1】——JavaScript 1、JavaScript 基础 Q：介绍 js 的基本数据类型？ 基本类型（值类型）：String，Number，Boolean，Null，Undefined，S…...
1.3 数据库系统的结构
目录 1.3.1 数据库系统模式的概念 1.3.2 数据库系统的三级模式结构 1. 模式 2. 外模式 3.内模式（也称存储模式） 1.3.3 数据库的二级映像功能与数据独立性 1.外模式／模式映像 2.模式／内模式映像 1.3.4 总结 模式 内模式…...
【Springer出版 · EI检索】| 第二届先进无人飞行系统国际会议(ICAUAS 2024)
会议简介 Brief Introduction 2024年第二届先进无人飞行系统国际会议(ICAUAS 2024) 会议时间：2024年6月14日-16日 召开地点：中国南昌 大会官网：ICAUAS 2024-2024 2nd International Conference on Advanced Unmanned Aerial Systems2024 2nd …...
RocketMQ快速入门_2. rocketmq 的应用场景、与其他mq的差异
0. 引言 之前我们讲解过rabbitMQ，本期我们将进入吞吐量更加强大的rocketMQ的学习。 1. 基础概念 如果你是刚接触MQ的同学，还不清楚消息队列的基础概念的，可以参考我之前这篇文章： https://wu55555.blog.csdn.net/article/deta…...
【Azure 架构师学习笔记】- Azure Private Endpoint
本文属于【Azure 架构师学习笔记】系列。 前言 公有云的其中一个特点是默认允许公网访问， 这就对企业环境带来风险，也是很多年前企业对公有云抵触的其中一个原因，现在这类问题已经很少，因为有了很多技术来确保云上的资源被安全地…...
开发知识点-Python-爬虫
爬虫 scrapybeautifulsoupfind_all find祖先/父节点兄弟节点nextpreviousCSS选择器属性值 attrsselect 后 class 正则使用字符串来描述、匹配一系列符合某个规则的字符串组成元字符使用grep匹配正则组与捕获断言与标记条件匹配正则表达式的标志 特定中文 匹配 scrapy scrapy内…...
React第五十七节 Router中RouterProvider使用详解及注意事项
前言 在 React Router v6.4 中，RouterProvider 是一个核心组件，用于提供基于数据路由（data routers）的新型路由方案。 它替代了传统的 <BrowserRouter>，支持更强大的数据加载和操作功能（如 loader 和…...
中南大学无人机智能体的全面评估！BEDI：用于评估无人机上具身智能体的综合性基准测试
作者：Mingning Guo, Mengwei Wu, Jiarun He, Shaoxian Li, Haifeng Li, Chao Tao单位：中南大学地球科学与信息物理学院论文标题：BEDI: A Comprehensive Benchmark for Evaluating Embodied Agents on UAVs论文链接：https://arxiv.…...
【SpringBoot】100、SpringBoot中使用自定义注解+AOP实现参数自动解密
在实际项目中，用户注册、登录、修改密码等操作，都涉及到参数传输安全问题。所以我们需要在前端对账户、密码等敏感信息加密传输，在后端接收到数据后能自动解密。 1、引入依赖 <dependency><groupId>org.springframework.boot</groupId><artifactId...
-----深度优先搜索（DFS）实现)
c++ 面试题(1)-----深度优先搜索（DFS）实现
操作系统：ubuntu22.04 IDE:Visual Studio Code 编程语言：C11 题目描述 地上有一个 m 行 n 列的方格，从坐标 [0,0] 起始。一个机器人可以从某一格移动到上下左右四个格子，但不能进入行坐标和列坐标的数位之和大于 k 的格子。 例…...
ardupilot 开发环境eclipse 中import 缺少C++
目录 文章目录 目录摘要1.修复过程摘要 本节主要解决ardupilot 开发环境eclipse 中import 缺少C++，无法导入ardupilot代码，会引起查看不方便的问题。如下图所示 1.修复过程 0.安装ubuntu 软件中自带的eclipse 1.打开eclipse—Help—install new software 2.在 Work with中…...
使用Spring AI和MCP协议构建图片搜索服务
目录 使用Spring AI和MCP协议构建图片搜索服务 引言 技术栈概览 项目架构设计 架构图 服务端开发 1. 创建Spring Boot项目 2. 实现图片搜索工具 3. 配置传输模式 Stdio模式（本地调用） SSE模式（远程调用） 4. 注册工具提…...
人工智能（大型语言模型 LLMs）对不同学科的影响以及由此产生的新学习方式
今天是关于AI如何在教学中增强学生的学习体验，我把重要信息标红了。人文学科的价值被低估了 ⬇️ 转型与必要性 人工智能正在深刻地改变教育，这并非炒作，而是已经发生的巨大变革。教育机构和教育者不能忽视它，试图简单地禁止学生使…...
Python Ovito统计金刚石结构数量
大家好，我是小马老师。 本文介绍python ovito方法统计金刚石结构的方法。 Ovito Identify diamond structure命令可以识别和统计金刚石结构，但是无法直接输出结构的变化情况。 本文使用python调用ovito包的方法，可以持续统计各步的金刚石结构，具体代码如下： from ovito…...
Go语言多线程问题
打印零与奇偶数（leetcode 1116） 方法1：使用互斥锁和条件变量 package mainimport ("fmt""sync" )type ZeroEvenOdd struct {n intzeroMutex sync.MutexevenMutex sync.MutexoddMutex sync.Mutexcurrent int…...
关于uniapp展示PDF的解决方案
在 UniApp 的 H5 环境中使用 pdf-vue3 组件可以实现完整的 PDF 预览功能。以下是详细实现步骤和注意事项： 一、安装依赖 安装 pdf-vue3 和 PDF.js 核心库： npm install pdf-vue3 pdfjs-dist二、基本使用示例 <template><view class"con…...