100 lines
2.9 KiB
HTML
100 lines
2.9 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
|
||
<meta charset="UTF-8">
|
||
<meta name="description" content="这是我的网站介绍"/>
|
||
<title>这是我的第一课</title>
|
||
|
||
</head>
|
||
<body>
|
||
|
||
|
||
<p>段落标签</p>
|
||
|
||
<h1>标题1</h1>
|
||
<h2>标题2</h2>
|
||
<h3>标题3</h3>
|
||
<h4>标题4</h4>
|
||
<h5>标题5</h5>
|
||
<h6>标题6</h6>
|
||
|
||
<img src="https://dss0.baidu.com/6ONWsjip0QIZ8tyhnq/it/u=196519980,2056827994&fm=58"
|
||
alt="抱歉，图片无法显示">
|
||
|
||
<a href="https://baidu.com" target="_blank">百度</a>
|
||
|
||
<ul>
|
||
<li>ul：无序列表1</li>
|
||
<li>ul：无序列表2</li>
|
||
</ul>
|
||
|
||
<ol>
|
||
<li>
|
||
第一章：html学习
|
||
<ol>
|
||
<li>a标签学习</li>
|
||
<li>img标签学习</li>
|
||
<li>h1标签学习</li>
|
||
</ol>
|
||
</li>
|
||
<li>ol：有序列表2</li>
|
||
</ol>
|
||
|
||
<button>我是按钮</button>
|
||
|
||
<input type="text" placeholder="请输入用户名"/>
|
||
<input type="number" placeholder="请输入手机号"/>
|
||
<input type="password" placeholder="请输入密码">
|
||
<input type="color">
|
||
<input type="file"/>
|
||
<input type="date"/>
|
||
<input type="datetime-local"/>
|
||
|
||
<h2>请选择你的性别：</h2>
|
||
<input type="radio" name="sex"> 女
|
||
<input type="radio" name="sex"> 男
|
||
<input type="radio" name="sex2"> 女2
|
||
<input type="radio" name="sex2"> 男2
|
||
|
||
|
||
<h2>选择你的兴趣：</h2>
|
||
<input type="checkbox" name="eee"> 骑车
|
||
<input type="checkbox" name="322"> 游戏
|
||
<input type="checkbox" name="444"> 电影
|
||
|
||
|
||
<form action="http://127.0.0.1/index.php" method="GET">
|
||
<input required name="username" type="text" placeholder="请输入用户名">
|
||
<input required name="userpwd" type="password" placeholder="请输入密码">
|
||
<input type="button" value="登录"/>
|
||
<input type="submit" value="登录">
|
||
</form>
|
||
|
||
<video width="400" loop autoplay muted controls src="https://www.runoob.com/try/demo_source/movie.mp4"></video
|
||
|
||
<audio controls src="https://www.runoob.com/try/demo_source/horse.ogg"></audio>
|
||
|
||
<textarea placeholder="留言信息" name="" id="" cols="80" rows="10"></textarea>
|
||
|
||
<p>
|
||
<strong>option</strong> 元素 定义下拉列表中的一个选项（一个条目）。
|
||
<br>
|
||
浏览器将 <sub>标</sub> 签 中<sup>的</sup>内容作为 <em>标签</em> 的菜单或是
|
||
<del>滚动列表</del>中的一个 <i>元素显示</i> 。option 元素位于 select 元素内部。
|
||
|
||
<center>居中</center>
|
||
</p>
|
||
|
||
<pre>
|
||
#!/usr/bin/env node
|
||
var argv = require('yargs').argv;
|
||
|
||
if (argv.ships > 3 && argv.distance < 53.5) {
|
||
console.log('Plunder more riffiwobbles!');
|
||
} else {
|
||
console.log('Retreat from the xupptumblers!');
|
||
}</pre>
|
||
|
||
</body>
|
||
</html> |