143 lines
3.2 KiB
HTML
143 lines
3.2 KiB
HTML
<html>
|
||
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<title>html第一课</title>
|
||
|
||
</head>
|
||
|
||
<body>
|
||
|
||
<h1>标题1</h1>
|
||
<h2>标题2</h2>
|
||
<h3>标题3</h3>
|
||
<h4>标题4</h4>
|
||
<h5>标题5</h5>
|
||
<h6>标题6</h6>
|
||
|
||
<a href="https://youzan.github.io/vant/#/zh-CN/swipe" target="_blank">超链接</a>
|
||
|
||
<img src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" alt="图片无法加载时候的提示">
|
||
|
||
|
||
<ul>
|
||
<li>
|
||
第一章
|
||
<ul>
|
||
<li>第一章：html</li>
|
||
<li>第一章：html1</li>
|
||
<li>第一章：html2</li>
|
||
</ul>
|
||
</li>
|
||
<li>无序列表2</li>
|
||
<li>无序列表3</li>
|
||
<li>无序列表4</li>
|
||
</ul>
|
||
|
||
|
||
|
||
<ol>
|
||
<li>有序列表1</li>
|
||
<li>有序列表2</li>
|
||
<li>有序列表3</li>
|
||
<li>有序列表4</li>
|
||
</ol>
|
||
|
||
|
||
<input type="text" disabled placeholder="请输入账户">
|
||
<input type="password" placeholder="请输入密码">
|
||
<input type="number" placeholder="请输入手机号">
|
||
<input type="color">
|
||
|
||
多选
|
||
<input type="checkbox">
|
||
<input type="checkbox">
|
||
<input type="checkbox">
|
||
<input type="checkbox">
|
||
<input type="checkbox">
|
||
|
||
|
||
单选
|
||
<input type="radio" name="test1">
|
||
<input type="radio" name="test1">
|
||
<input type="radio" name="test2">
|
||
<input type="radio" name="test2">
|
||
|
||
<input type="range">
|
||
|
||
<input type="button" value="登录">
|
||
<input type="submit" value="登录">
|
||
<button>登录</button>
|
||
|
||
<input type="date" value="登录">
|
||
<input type="datetime" >
|
||
|
||
<input type="file" name="" id="">
|
||
|
||
|
||
<hr>
|
||
|
||
|
||
<h2>用户登录</h2>
|
||
<form method="GET" action="http://127.0.0.1/user.php">
|
||
<input type="text" name="username" placeholder="请输入账户">
|
||
<input type="password" name="userpwd" placeholder="请输入密码">
|
||
<input type="number" name="userphone" placeholder="请输入手机号">
|
||
<input type="submit" name="" value="登录">
|
||
</form>
|
||
|
||
<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>
|
||
|
||
<pre>
|
||
var a = 0;
|
||
function myFunction(){
|
||
a++;
|
||
document.getElementById("demo").innerHTML = a;
|
||
}
|
||
</pre>
|
||
|
||
|
||
<p>
|
||
<strong>用于</strong> 在 <small>内容</small> 加载 <big>过程</big> 中 <del>哈哈</del>
|
||
一 <sup>组</sup> 占位 <sub>图形</sub>。
|
||
通过 title 属性 <i>显示标题占位图</i>，通过 row 属性配置占位段落行数。
|
||
</p>
|
||
|
||
<span>11111</span>
|
||
<div>22222222</div>
|
||
|
||
<table>
|
||
<tr>
|
||
<th>价格</th>
|
||
<th>销量</th>
|
||
</tr>
|
||
|
||
<tr>
|
||
<td>11元</td>
|
||
<td>1000件</td>
|
||
</tr>
|
||
<tr>
|
||
<td>11元</td>
|
||
<td>1000件</td>
|
||
</tr>
|
||
<tr>
|
||
<td>11元</td>
|
||
<td>1000件</td>
|
||
</tr>
|
||
<tr>
|
||
<td>11元</td>
|
||
<td>1000件</td>
|
||
</tr>
|
||
|
||
</table>
|
||
|
||
</body>
|
||
|
||
</html> |