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~255
        3、#值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-图片音频视频.html
            xxx/html/a.jpg

            当前目录下访问方式: ./a.jpg & a.jpg

            xxx/html/02-图片音频视频.html
            xxx/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的长度有限制 4KB
    2、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>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值