lalitaly
1/20/2016 - 8:50 AM

EGCO427: Emmet.html

EGCO427: Emmet.html

emmet.html
content_copyfile_download
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>Emmet</title>
	<link rel="stylesheet" href="">
</head>
<body>
<!-- Press Ctrl+E -->
	<!--div>ul>li -->
	<div>
		<ul>
			<li></li>
		</ul>
	</div>
	<!--div>ul>li>a-->
	<div>
		<ul>
			<li><a href=""></a></li>
		</ul>
	</div>
	<!-- div+ul -->
	<div></div>
	<ul></ul>
	<!-- div+div>p>span+em^bq  -->
	<div></div>
	<div>
		<p><span></span><em></em></p>
		<blockquote></blockquote>
	</div>

	<!-- div+div>p>span+em^^bq -->
	<div></div>
	<div>
		<p><span></span><em></em></p>
	</div>
	<blockquote></blockquote>
	
	<!-- td[title="Hello" colspan=4] -->
	<td title="Hello" colspan="4"></td>

	<!-- div*3 -->
	<div></div>
	<div></div>
	<div></div>

	<!-- ul>li*5 -->
	<ul>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
	</ul>

	<!-- ul>li.item*5 -->
	<ul>
		<li class="item"></li>
		<li class="item"></li>
		<li class="item"></li>
		<li class="item"></li>
		<li class="item"></li>
	</ul>

	<!-- ul>li.item#item*5 -->
	<ul>
		<li class="item" id="item"></li>
		<li class="item" id="item"></li>
		<li class="item" id="item"></li>
		<li class="item" id="item"></li>
		<li class="item" id="item"></li>
	</ul>

	<!-- ul>li.item#item$*5 -->
	<ul>
		<li class="item" id="item1"></li>
		<li class="item" id="item2"></li>
		<li class="item" id="item3"></li>
		<li class="item" id="item4"></li>
		<li class="item" id="item5"></li>
	</ul>

	<!-- ul>li.item#item$@-*5 -->
	<ul>
		<li class="item" id="item5"></li>
		<li class="item" id="item4"></li>
		<li class="item" id="item3"></li>
		<li class="item" id="item2"></li>
		<li class="item" id="item1"></li>
	</ul>

	<!-- ul>li.item#item$@10*5 -->
	<ul>
		<li class="item" id="item10"></li>
		<li class="item" id="item11"></li>
		<li class="item" id="item12"></li>
		<li class="item" id="item13"></li>
		<li class="item" id="item14"></li>
	</ul>

	<!-- ul>li.item#item$@10-*5 -->
	<ul>
		<li class="item" id="item10-"></li>
		<li class="item" id="item11-"></li>
		<li class="item" id="item12-"></li>
		<li class="item" id="item13-"></li>
		<li class="item" id="item14-"></li>
	</ul>

	<!-- ul>li.item#item$@5{item$}*5 -->
	<ul>
		<li class="item" id="item5">item1</li>
		<li class="item" id="item6">item2</li>
		<li class="item" id="item7">item3</li>
		<li class="item" id="item8">item4</li>
		<li class="item" id="item9">item5</li>
	</ul>

	<!-- div>((header>ul>li)+section*2>ul>li.class)+footer>p{Create by ...} -->
	<div>
		<header>
			<ul>
				<li></li>
			</ul>
		</header>
		<section>
			<ul>
				<li class></li>
			</ul>
		</section>
		<section>
			<ul>
				<li class></li>
			</ul>
		</section>
		<footer>
			<p>Create by ...</p>
		</footer>
	</div>

</body>
</html>