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内…...
从‘小白人转圈’到丝滑移动：详解UE角色蓝图里4种方向向量的正确用法
从‘小白人转圈’到丝滑移动：详解UE角色蓝图里4种方向向量的正确用法 在虚幻引擎的角色开发中，方向向量的选择往往决定了角色行为的精准度与自然度。许多开发者都遇到过这样的场景：明明按照教程连接了移动输入节点，角色却开始原地…...
别再死记硬背公式了！用HEC-RAS 1D模拟洪水，你得先搞懂这几个核心概念
HEC-RAS洪水模拟实战：从理论公式到软件操作的思维跃迁 当第一次打开HEC-RAS软件界面时，许多水利工程师都会陷入一种认知困境——那些在教科书上清晰明了的能量方程和动量方程，怎么到了实际操作中就变成了难以理解的参数选项和计算警告&#x…...
2026届必备的五大降重复率助手横评
Ai论文网站排名（开题报告、文献综述、降aigc率、降重综合对比） TOP1. 千笔AI TOP2. aipasspaper TOP3. 清北论文 TOP4. 豆包 TOP5. kimi TOP6. deepseek 在人工智能生成内容越来越普遍的情形下，把文本的“机器味”降下来成了提升内容质…...
C#调用本地大模型推理速度翻倍实录（.NET 11 JIT-AI协同编译深度拆解）
第一章：C#调用本地大模型推理速度翻倍实录（.NET 11 JIT-AI协同编译深度拆解）.NET 11 引入的 JIT-AI 协同编译机制，首次将运行时类型推断、图结构感知与模型层语义嵌入融合进 IL 编译流水线，使 C# 调用 llama.cpp 或 Ol…...
部署本地AI大模型--ollma
下载链接： 1.官网：在Windows上下载《Ollama 2.github：Release v0.21.0 ollama/ollama 前言：为什么选择 Ollama Ollama 是一款专为本地运行大模型打造的开源工具，它把复杂的环境配置、依赖管理和模型量化过程都封装…...
Arch Linux无线安装保姆级教程：从iwctl联网到KDE/GNOME桌面完整配置
Arch Linux无线安装全流程指南：从零配置到KDE/GNOME桌面环境部署 当你面对一台没有有线网络接口的机器，却想体验Arch Linux的纯净与自由时，传统的安装教程往往显得力不从心。这份指南将彻底解决无线环境下的安装难题，从最基础的iw…...
从2G手机到Wi-Fi 6：聊聊‘码分复用’这个老技术，为啥今天还在用？
从2G手机到Wi-Fi 6：码分复用的技术进化论 2007年旧金山Moscone会展中心，第一代iPhone发布会上，乔布斯用两根手指在屏幕上放大谷歌地图时，现场观众不会想到这个动作背后依赖的是一项诞生于二战时期的技术——扩频通信。正是这项技术…...
打卡信奥刷题（3144）用C++实现信奥题 P7646 [COCI 2012/2013 #5] HIPERCIJEVI
P7646 [COCI 2012/2013 #5] HIPERCIJEVI 题目描述 在遥远的星系中，最快的运输方式是超级管道，它们将 KKK 个站台连接在一起。从站台 111 到达站台 NNN 最少需要经过多少个站台? 输入格式 第一行，三个整数 N,K,MN,K,MN,K,M，分…...
Python hashlib避坑指南：HMAC、哈希冲突与算法选择，新手容易踩的3个雷
Python hashlib避坑实战：HMAC的正确姿势与算法选择决策树 第一次用Python的hashlib模块时，我对着两个不同的哈希结果整整困惑了一下午——同样的字符串"Hello World"，同事电脑上跑出来的SHA256值居然和我的不一样。后来才发现&…...
终极指南：3步快速部署MoneyPrinterPlus AI短视频自动生成工具
终极指南：3步快速部署MoneyPrinterPlus AI短视频自动生成工具 【免费下载链接】MoneyPrinterPlus AI一键批量生成各类短视频,自动批量混剪短视频,自动把视频发布到抖音,快手,小红书,视频号上,赚钱从来没有这么容易过! 支持本地语音模型chatTTS,fasterwhisper,GPTSoV…...