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>