<!DOCTYPE html>
<html>
<head>
<!--这是头部信息 -->
<meta charset="utf-8">
<title>我的测试项</title>
<!--这是一个头部图标-->
<link rel="icon" href="https://g.csdnimg.cn/static/logo/favicon32.ico">
<style type="text/css">
h1,h2,h3,h4,h5,h6,i,strong,b,em,span,p,div{background:green}
table,table tr td,table tr th{border:1px solid red;}
</style>
</head>
<body>
<h1>这是h1标题</h1>
<h2>这是h2标题</h2>
<h3>这是h3标题</h3>
<h4>这是h4标题</h4>
<h5>这是h5标题</h5>
<h6>这是h6标题</h6>
<!--内联结构
内联结构:可以相互嵌套
->
<i>斜体</i><strong>加粗</strong><b>加粗</b><em>斜体</em>
<span>this is a span</span>
<!--块状结构
块状结构可以嵌套内联结构,内联结构内部不能嵌套块状结构
-->
<p>this is a p 段落</p>
<div>this is a div</div>
<ul type="circle">
<li>无序列表1</li>
<li>无序列表2</li>
</ul>
<ol type="a">
<li>有序列表1</li>
<li>有序列表2</li>
</ol>
<table>
<thead>
<tr><th>标题1</th><th>标题2</th><th>标题3</th></tr>
</thead>
<tbody>
<tr><td>单元格1</td><td>单元格2</td><td>单元格3</td></tr>
</tbody>
</table>
<!--form表单-->
<form method="get" action="index.php">
<p>昵称:<input type="text" name="username"></p>
<p>密码:<input type="password" name="passwd"></p>
<p>男<input type="radio" name="gender" value="man">女<input type="radio" name="gender" value="woman"></p>
<p>足球<input type="checkbox" name="favorite" value="football">蓝球<input type="checkbox" name="favorite" value="basketball"></p>
<p>国家:<select name="nation">
<option value="china">中国</option>
<option value="us">美国</option>
<option value="english">英国</option>
<option value="russia" selected="selected">俄罗斯</option>
</select></p>
<p>出生年月日:<input type="date" name="birth" value="2022-03-17"></p>
<p><textarea placeholder="个人简介" name="jian"></textarea></p>
<p><input type="submit" value="提交"></p>
</form>
</body>
HTML标记语言
最新推荐文章于 2023-08-29 22:08:42 发布