1 HTML 基础

<!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>

  

相关文章