<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta name="description" content="tp1/ex2">
		<meta name="author" content="Denis Monnerat">

		<title>Exercice 2</title>
	</head>
	<body>
		<h1>Emoticons</h1>

		<p>
			Emoticons are textual portrayals of a writer's moods or facial
			expressions in the form of icons. Originally, these icons
			consisted of ASCII art.
		</p>

		<p>
			Emoticons can generally be divided into two groups: Western (mainly
			from America and Europe) or horizontal; Eastern or vertical (mainly
			from east Asia).
		</p>

		<h2>Western</h2>

		<p>
			Western style emoticons are mostly written from left to right as
			though the head is rotated counter-clockwise 90 degrees. 
		</p>

		<ul>
			<li>Smiley: <span>:-) :-&gt;</span></li>
			<li>Tongue-tied: <span>:-&</span></li>
			<li>Broken heart: <span>&lt;\3</span></li>
			<li>Rose: <span>@}-&gt;--</span></li>
			<li>Fish: <span>&gt;&lt;(((*&gt;</span></li>
		</ul>

		<h2>Eastern</h2>

		<p>
			Eastern emoticons generally are not rotated sideways. They first
			arose in Japan, where they are referred to as kaomoji. 
		</p>

		<ul>
			<li>Troubled: <span>(&gt;_&lt;)</span></li>
			<li>Sad: <span>("_")</span></li>
			<li>Cat: <span>(=^ยท^=)</span></li>
			<li>Headphones: <span>((d[-_-]b))</span></li>
		</ul>
	</body>
</html>