129 lines
3.3 KiB
HTML
129 lines
3.3 KiB
HTML
<html>
|
|
|
|
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<title>html学习</title>
|
|
<meta name="description" content="这是我的第一个html网站">
|
|
</head>
|
|
|
|
<body>
|
|
<h1 title="提示文字">1</h1>
|
|
<h2>1</h2>
|
|
<h3>1</h3>
|
|
<h4>1</h4>
|
|
<h5>1</h5>
|
|
<h6>1</h6>
|
|
|
|
|
|
<img title="提示文字" src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" alt="图片无法加载" />
|
|
|
|
<input type="text" placeholder="请输入用户名">
|
|
|
|
<input type="number" placeholder="请输入手机号">
|
|
|
|
<input type="password" placeholder="请输入密码">
|
|
|
|
<h2>请选择你的性别：</h2>
|
|
男 <input type="radio" name="sss">
|
|
女 <input type="radio" name="sss">
|
|
|
|
<h2>请选择你的爱好：</h2>
|
|
汽车 <input type="checkbox" name="a">
|
|
编程 <input type="checkbox" name="a">
|
|
游戏 <input type="checkbox" name="a">
|
|
|
|
<h3>出生日期：</h3>
|
|
<input type="date">
|
|
|
|
<input type="file">
|
|
|
|
<input type="color">
|
|
|
|
<input type="button" value="登 录">
|
|
|
|
<input type="submit" value="登 录">
|
|
|
|
<button>登 录</button>
|
|
|
|
|
|
<form action="http://127.0.0.1/login.php" method="get">
|
|
<input type="text" placeholder="用户名" name="name">
|
|
<input type="password" placeholder="用户密码" name="pwd">
|
|
|
|
<input type="button" value="登 录 1">
|
|
|
|
<!-- submit 的作用是用来提交表单的 -->
|
|
<input type="submit" value="登 录 2">
|
|
</form>
|
|
|
|
<select name="" id="">
|
|
<option value="">-请选择-</option>
|
|
<option value="">合肥</option>
|
|
<option value="">南京</option>
|
|
<option value="">北京</option>
|
|
<option value="">苏州</option>
|
|
</select>
|
|
|
|
<a href="https://fanyi.baidu.com/#en/zh/padding" target="_blank">呵呵哈哈哈</a>
|
|
|
|
<a href="tel:15155145354">拨打客户电话</a>
|
|
|
|
<p> 查看更多 < </p>
|
|
|
|
<p>
|
|
上课的课件 <strong>强无敌</strong> 无群 <i>多同事B</i> 提交的新功能同事A的代码 强无敌无群 <big>多同事</big> B提交的 <small>新功能</small> 同事A的代码强无敌
|
|
<del>无群多同</del> 事B提交的新功能同事A的代码强无敌无群多同事B提 <em>交的新</em>
|
|
功能同事A的代码<br /><br />强无敌无群多同事B提交的新功能同事A的代码强无敌无群多同事B提交的新功能同事A的代码
|
|
</p>
|
|
|
|
|
|
<!-- 无序列表 重复性的布局结构-->
|
|
<ul>
|
|
<li>无序列表 1</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>
|
|
|
|
|
|
<div>div 标签？？？ 用来组织其他标签的</div>
|
|
|
|
|
|
<table border="1">
|
|
<tr>
|
|
<th> 标题</th>
|
|
<th> 价格</th>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>html</td>
|
|
<td>10元</td>
|
|
</tr>
|
|
<tr>
|
|
<td>css</td>
|
|
<td>20元</td>
|
|
</tr>
|
|
<tr>
|
|
<td>js</td>
|
|
<td>100元</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<video src="https://www.runoob.com/try/demo_source/movie.mp4" loop poster="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" controls muted></video>
|
|
|
|
<audio src=""></audio>
|
|
|
|
</body>
|
|
|
|
|
|
</html>
|