150 lines
3.4 KiB
HTML
150 lines
3.4 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>
|
||
|
||
<a href="https://element.eleme.io/#/zh-CN/component/image" target="_blank">超链接</a>
|
||
|
||
<h1>1</h1>
|
||
<h2>2</h2>
|
||
<h3>3</h3>
|
||
<h4>4</h4>
|
||
<h5>5</h5>
|
||
<h6>6</h6>
|
||
|
||
<img src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" alt="图片无法显示">
|
||
|
||
<p>段落</p>
|
||
|
||
<span> span标签 一般用于行内布局，用来放文字</span>
|
||
|
||
<div>div 用来实现布局（画网页结构的）</div>
|
||
|
||
<ul>
|
||
<li>无序列表1 用在重复性布局上</li>
|
||
<li>无序列表2</li>
|
||
<li>无序列表3</li>
|
||
</ul>
|
||
|
||
<ol>
|
||
<li>有序列表1</li>
|
||
<li>有序列表2</li>
|
||
<li>有序列表3</li>
|
||
<li>有序列表4</li>
|
||
</ol>
|
||
|
||
|
||
<video src="https://www.runoob.com/try/demo_source/movie.mp4" controls autoplay loop
|
||
poster="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png"></video>
|
||
|
||
<audio src=""></audio>
|
||
|
||
|
||
<input type="text" name="userName" placeholder="请输入账户" disabled>
|
||
<input type="number" name="userPhone" placeholder="请输入手机号" readonly>
|
||
<input type="password" name="userPwd" placeholder="亲输入密码">
|
||
<input type="submit" value="登录">
|
||
<input type="button" value="登录">
|
||
<button>登录</button>
|
||
<input type="file">
|
||
<input type="color">
|
||
<input type="date">
|
||
|
||
<input type="radio" name="test">
|
||
<input type="radio" name="test">
|
||
<input type="radio" name="test1">
|
||
<input type="radio" name="test1">
|
||
<input type="radio" name="test1">
|
||
|
||
|
||
<input type="checkbox">
|
||
<input type="checkbox">
|
||
<input type="checkbox">
|
||
<input type="checkbox">
|
||
|
||
<input type="range">
|
||
|
||
|
||
<form action="127.0.0.1/login.php" method="get">
|
||
|
||
</form>
|
||
|
||
|
||
<i>你还一 存放图标的</i>
|
||
|
||
<select name="">
|
||
<option value="">--请选择城市--</option>
|
||
<option value="nj">南京</option>
|
||
<option value="hf">合肥</option>
|
||
<option value="wh">武汉</option>
|
||
</select>
|
||
|
||
<textarea name="" cols="30" rows="10" placeholder="请输入留言"></textarea>
|
||
|
||
<table border="1">
|
||
<tr>
|
||
<th>年份</th>
|
||
<th>岁数</th>
|
||
</tr>
|
||
<tr>
|
||
<td>1999</td>
|
||
<td>11</td>
|
||
</tr>
|
||
<tr>
|
||
<td>2000</td>
|
||
<td>22</td>
|
||
</tr>
|
||
</table>
|
||
|
||
|
||
<div>
|
||
在 <small>本教</small> 程中,<big>你将</big> 学习如<em>何使</em>用 HTML 来 <strong>创建站</strong> 点。 HTML 很 <sub>容易</sub> 学习!你
|
||
<sup>会喜欢</sup> 它的! 现在开始学习 HTML!HTML 实例 学习 <del>100</del> 个实例!使用我们的编辑器,你可以编辑 HTML,然后点击测
|
||
</div>
|
||
|
||
<div>
|
||
return function() {
|
||
let context = this;
|
||
let args = arguments;
|
||
|
||
if (timeid) {
|
||
clearTimeout(timeid);
|
||
}
|
||
timeid = setTimeout(function() {
|
||
result = func.apply(context, args);
|
||
}, wait);
|
||
|
||
return result;
|
||
}
|
||
</div>
|
||
|
||
<pre>
|
||
return function() {
|
||
let context = this;
|
||
let args = arguments;
|
||
|
||
if (timeid) {
|
||
clearTimeout(timeid);
|
||
}
|
||
timeid = setTimeout(function() {
|
||
result = func.apply(context, args);
|
||
}, wait);
|
||
|
||
return result;
|
||
}
|
||
</pre>
|
||
|
||
|
||
|
||
|
||
|
||
</body>
|
||
|
||
</html> |