<!DOCTYPE html>
<html>
<head>
<title>web前端基础</title>
</head>
<body>
<!-- unorder list -->
<p id="top"></p>
<h2>热门要闻</h2>
<ul>
<li>上海公布2月16日确诊病例涉及区域和场所情况</li>
<li>上海新增3例新型冠状病毒肺炎确诊病例，累计病例331例</li>
<li>防疫和复工并非对立两端：这里有一套行之有效的上海经验</li>
<li>国家专家组成员解密上海抗疫用药：有些药不推荐用，副作用大</li>
<li>医护日记｜说服新冠肺炎死者家属同意尸检，这项工作意义重大</li>
<li>上海出台支持文化企业防疫“20条”，协调落实减免企业租金</li>
<li>上海中小学生寒假生活补充版来了：消除疫情带来的焦虑与恐惧</li>
<li>上海：令人鼓舞的数据变化，来自全方位的“四管齐下”！</li>
</ul>
<h2>web前端课程排行榜</h2>
<ol>
<li>vue框架学习</li>
<li>Javascript高级编程</li>
<li>React全家桶</li>
</ol>
<dl>
<dt>帮助中心</dt>
<dd>账户管理</dd>
<dd>购物指南</dd>
<dd>订单操作</dd>
</dl>
<table border="1" cellspacing="0" cellpadding="0">
<caption>商品清单</caption>
<tr>
<th>产品名称</th>
<th>品牌</th>
<!--横向合并列数-->
<th colspan="2">数量和入库时间</th>
</tr>
<tr>
<td>电视机</td>
<!--纵向合并-->
<td rowspan="3">小米</td>
<td>200</td>
<td>2018-09</td>
</tr>
<tr>
<td>电话</td>
<td>200</td>
<td>2018-09</td>
</tr>
<tr>
<td>电脑</td>
<td>2000</td>
<td>2018-09</td>
</tr>
</table>
<p> </p>
<a href="http://www.taobao.com" title="点击一下，了解更多" target="_blank">淘宝一下</a>
<p>eddie真帅</p>
<p>eddie真帅</p>
<p>eddie真帅</p>
<a href="#top">回到顶部</a>
<a href="kissfire008@126.com">联系我们</a>
<p> </p>
<!--相对路径：./1.png ../1.png .../1.png
绝对路径: C:\Users\Administrator\Desktop\code\images
-->
<img src="C:\Users\Administrator\Desktop\code\images/证件照.png"
width="200" alt=‘一个耿直的微笑‘ title=‘瞅你咋地‘
>
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/de7f93ef8e5d76b8e250d6a4f6f9caff.jpg?w=2452&h=920"
width="500">
<div>
zhangsan
<div>
wangwu
<div>
zhaoliu
</div>
</div>
</div>
<div>
lisi
</div>
<p></p>
<div>头部</div>
<div>身体</div>
<div>脚</div>
<div></div>
<form action="http://
www.baidu.com" method="get">
<p>
<label for=‘username‘>
用户名：</label>
<input type="text" id=
"username"
placeholder="请输入用户名">
</p>
<p>
<label for="pwd">密码：</
label>
<input type="password"
placeholder="请输入密码" id="pwd">
</p>
<p>
男：<input type="radio"
name=‘sex‘ checked=
"checked">
女：<input type="radio"
name=‘sex‘>
</p>
<h5>购买的课程：</h5>
<p>
web前端：<input type="checkbox"
>
python开发：<input type=
"checkbox" checked="checked">
Java编程：<input type="checkbox">
</p>
<h3>下拉框实现多选</h3>
<p>
<select multiple="multiple">
<option value="a">HTML</option>
<option value="b">CSS</option>
<option selected="selected">Javascript</option>
<option>Vue</option>
</select>
</p>
<h3>下拉框实现单选</h3>
<p>
<select name="class">
<option value="a">HTML</option>
<option value="b">CSS</option>
<option selected="selected">Javascript</option>
<option>Vue</option>
</select>
</p>
<h3>个人描述</h3>
<p>
<textarea rows="10" cols="40"></textarea>
</p>
<p>
<input type="submit" value
=‘立即注册‘>
<input type="reset" value="重置">
</p>
</form>
<button>按钮</button>
</body>
</html>
原文：https://www.cnblogs.com/zhujing666/p/12324557.html