master

分支 (2)

管理

管理

master

dev_test

web-test
/
块级元素和行内元素练习.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<!--2秒后跳转到对应的网址，注意引号-->
		<!-- #如果把URL和后面的内容去掉，就是2秒钟刷新一次，做了解; -->
		<meta http-equiv="refresh" content="2">
		<!--指定文档的编码类型-->
		<meta http-equiv="content-Type" charset=UTF8">
		<!--告诉IE以最高级模式渲染文档-->
		<!--  #edge是微软的一个全新的浏览器,其实就是告诉IE浏览器，你按照最高标准来渲染我的页面，做了解； -->
		<meta http-equiv="x-ua-compatible" content="IE=edge">
		<title></title>
		<style>
			*{margin:0;padding:0;}
		</style>
	</head>
	<body>
		<div>我是一个div标签</div>
		<div>我是一个div标签</div>
		<span>我是一个span标签</span>
		<span>我是一个span标签</span>
		<span>我是一个span标签</span>
		<p>我是一个p标签</p>
		<p>我是一个p标签</p>
		<p>我是一个p标签</p>
		<img src="img/search.svg" width="20px" height="20px"></img>
		<img src="img/search.svg" width="20px" height="20px"></img>
		<img src="img/search.svg" width="20px" height="20px"></img>
		<a>我是一个a标签</a>
		<a>我是一个a标签</a>
		<a>我是一个a标签</a>
		<label>我是label标签</label>
		<label>我是label标签</label>
		<label>我是label标签</label>
		<h4>我是h4标签</h4>
		<h4>我是h4标签</h4>
		<h4>我是h4标签</h4>
		<b>我是b标签</b>
		<b>我是b标签</b>
		<b>我是b标签</b>
		<i>我是i标签</i>
		<i>我是i标签</i>
		<i>我是i标签</i>
		<u>我是U标签</u>
		<u>我是U标签</u>
		<u>我是U标签</u>
		<s>我是s标签</s>
		<s>我是s标签</s>
		<s>我是s标签</s>
		<ul type="disc">
			<li>ul li第一项</li>
			<li>ul li第一项</li>
			<li>ul li第一项</li>
		</ul>
		<ul type="none">
			<li>ul li第一项</li>
			<li>ul li第一项</li>
			<li>ul li第一项</li>
		</ul>
		<dl>
			<dt>标题1</dt>
			<dd>内容1</dd>
			<dt>标题2</dt>
			<dd>内容1</dd>
			<dd>内容2</dd>
		</dl>
		<dl>
			<dt>标题1</dt>
			<dd>内容1</dd>
			<dt>标题2</dt>
			<dd>内容1</dd>
			<dd>内容2</dd>
		</dl>
		<input id="username" type="text" name="zh" />
		<input type="date" name="date" />
		<input type="submit" value="提交">
		<input type="reset" value="重置">
		<input type="button" value="普通按钮">
		<input type="hidden" value="隐藏输入框">
		<input type="file" name="文本框">
	</body>
</html>