码迷,mamicode.com
首页 > Web开发 > 详细

1 HTML 基础

时间:2020-02-18 09:39:41      阅读:86      评论:0      收藏:0      [点我收藏+]

标签:col   textarea   cin   username   tor   web前端   reac   清单   区域   

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

  

1 HTML 基础

标签:col   textarea   cin   username   tor   web前端   reac   清单   区域   

原文地址:https://www.cnblogs.com/zhujing666/p/12324557.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!