116 lines
3.3 KiB
HTML
116 lines
3.3 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Document</title>
|
||
</head>
|
||
<body>
|
||
<p>段落</p>
|
||
<h1>h1</h1>
|
||
<h2>h2</h2>
|
||
<h3>h3</h3>
|
||
<h4>h4</h4>
|
||
<h5>h5</h5>
|
||
<h6>h6</h6>
|
||
|
||
<ul>
|
||
<li>无序列表1</li>
|
||
<li>无序列表2</li>
|
||
<li>无序列表3</li>
|
||
</ul>
|
||
|
||
<ol>
|
||
<li>有序列表1</li>
|
||
<li>有序列表2</li>
|
||
<li>有序列表3</li>
|
||
</ol>
|
||
|
||
<img src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" alt="图片无法加载">
|
||
|
||
<a href="https://www.baidu.com/" target="_blank">超链接</a>
|
||
|
||
<!--留坑，等会填-->
|
||
<span>我是span</span>
|
||
<div>我是div</div>
|
||
|
||
<input type="text" placeholder="请输入用户名">
|
||
<input type="number" placeholder="请输入手机号">
|
||
<input type="password" placeholder="请输入密码">
|
||
<h2>请选择你的爱好</h2>
|
||
<input type="radio" name="ah">
|
||
<input type="radio" name="ah">
|
||
<input type="radio" name="ah">
|
||
<h2>请选择你的转长</h2>
|
||
<input type="checkbox" name="zc">
|
||
<input type="checkbox" name="zc">
|
||
<input type="checkbox" name="zc">
|
||
|
||
<input type="date">
|
||
<input type="file">
|
||
<input type="range">
|
||
|
||
<select name="" id="">
|
||
<option value="">请选择</option>
|
||
<option value="">合肥</option>
|
||
<option value="">上海</option>
|
||
<option value="">南京</option>
|
||
</select>
|
||
|
||
<textarea name="" id="" cols="30" rows="10" placeholder="输入留言"></textarea>
|
||
|
||
|
||
<video src="/Users/bmy/source/怪客课堂/Vue3.0/视频/vue3_5.mp4"
|
||
width="800" controls autoplay></video>
|
||
|
||
<audio src=""></audio>
|
||
|
||
<div>
|
||
<big>AVideo.js</big> 是一款
|
||
<strong>支持高度自定义</strong>
|
||
，<del>使用起来十分</del>
|
||
简洁易懂的视频播放器，<i>可以广泛的</i> 使用在各个主流的PC设备上，移动端还没开 <small>始做兼容性</small> 处理，<sub>请</sub> 耐心等 <sup>候</sup> ！AVideo.js源码全部采用 Typescript 进行编写，严格规范代码。播放器的页面样式使用模板引擎 Pug 进行开发，后面会基于Pug编写更多的页面模板，用户在使用的时候可以任意选择不同的模板或者自定义等！CSS使用Less进行编写，最后源码使用WebPack进行打包构建！
|
||
</div>
|
||
|
||
<button>你好</button>
|
||
|
||
<pre>
|
||
{
|
||
"name": "hello",
|
||
"bin": {
|
||
"hello": "hello"
|
||
}
|
||
}
|
||
</pre>
|
||
|
||
|
||
<form action="http://127.0.0.1:8888/a.php" method="GET">
|
||
<input type="text" name="username" id="" placeholder="用户名">
|
||
<input type="text" name="userpwd" id="" placeholder="用户密码">
|
||
<!-- <input type="button" value="哈哈哈1"> -->
|
||
<!-- <button>哈哈哈3</button> -->
|
||
<input type="submit" value="登 录">
|
||
</form>
|
||
|
||
|
||
<iframe src="https://www.baidu.com/" frameborder="0"></iframe>
|
||
|
||
<table>
|
||
<tr>
|
||
<th>id</th>
|
||
<th>用户名</th>
|
||
</tr>
|
||
|
||
<tr>
|
||
<td>1</td>
|
||
<td>张三</td>
|
||
</tr>
|
||
<tr>
|
||
<td>2</td>
|
||
<td>李四</td>
|
||
</tr>
|
||
</table>
|
||
|
||
</body>
|
||
</html> |