<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Demo_1这是标题</title>
</head>
<body>
<p>这是段落标签</p>
<!--这是注释-->
<!--超链接、段落、锚点、字体-->
<h1>字体的大小</h1> <h2>字体的大小</h2>
<a href="https://www.baidu.com">这是个超链接标签</a>
<a href="#_ad">锚点1</a>
<p id="#_ad" aalign="left">锚点<p>
<a href="#">回到顶部</a>
<!--表格-->
<table border="10px" align="center" cellpadding="20px" cellspacing="10px">
<!--cellpadding边框的大小 cellspacing表格与表格之间的大小 -->
<caption>标题</caption>
<tr>
<td bgcolor="red" colspan="2">张三</td><!--行合并-->
<td>李四</td>
<td rowspan="2">王五</td><!--列合并-->
</tr>
<tr>
<td >张三</td>
<td>李四</td>
</tr>
</table>
<!--图片显示-->
<img src="D:\办公\html笔记\Demo_png.png" width="200px" alt="这是图片没有加载出来的提示" title="这是光标移到提示"/>
<!--无序列表-->
<ul>
<li>香蕉</li>
<li>苹果</li>
<li>橘子</li>
<li>菠萝</li>
</ul>
<!--有序列表-->
<ol>
<li>星期一</li>
<li>星期二</li>
<li>星期三</li>
</ol>
<!--定义列表-->
<dl>
<dt>友情链接</dt>
<dd>baidu</dd>
<dd>xiaomi</dd>
<dd>Taobao</dd>
</dl>
<!--加黑加粗-->
<b>加粗</b>
<strong>加粗</strong>
<br>
<!--斜体-->
<i>斜体</i>
<em>斜体</em>
<!--线-->
<u>下划线</u>
<s>删除线</s>
<del>删除线</del>
<!--分割线-->
<hr/>
<!--上标下标-->
2<sub>3</sub>
2<sup>3</sup>
<!--块元素-->
<div>我是第一个div</div>
<div>我是第二个div</div>
<div>我是第三个div</div>
<span>我是第一个span</span>
<span>我是第二个span</span>
<span>我是第三个span</span>
<br>
<!--表单及控件-->
<form action="">
<fieldset>
<legend>区域划分</legend>
区域内容
</fieldset>
账号:<input type="text"></input><br>
密码:<input type="password"></input><br>
性别:<input type="radio" name="a">男</input>
<input type="radio" name="a">女</input><br>
爱好:<input type="checkbox" checked="ck">吃</input>
<input type="checkbox" checked>喝</input>
<input type="checkbox">嫖</input><br>
出生:<select>
<option>1994</option>
<option>1995</option>
<option>1996</option>
<option>1997</option>
</select><br>
个人简介<textarea cols="10" rows="5">null</textarea>
<input type="reset" value="清除">重置</input>
<input type="button" value="注册">注册</input>
<input type="submit" value="提交"></input>
</form>
<!--字符实体-->
字符实体由 分号结束<>©$
</body>
</html>