Skip to content

Instantly share code, notes, and snippets.

@mathanhcong
Created June 8, 2018 08:17
Show Gist options
  • Select an option

  • Save mathanhcong/efc6bdb5aa5b0e837cfae6c2cc0943e1 to your computer and use it in GitHub Desktop.

Select an option

Save mathanhcong/efc6bdb5aa5b0e837cfae6c2cc0943e1 to your computer and use it in GitHub Desktop.
HTML basics // source https://jsbin.com/pamehe
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>HTML basics</title>
</head>
<body>
<h1>True facts about the mantis shrimp</h1>
<p>Mantis shrimps are predators which kill their prey by hitting them at high speed. They have large, complex eyes and are highly colored.</p>
<img src="http://i.imgur.com/tPT0bDo.jpg" alt="blue mantis shrimp" >
<h2>Attack</h2>
<p>Mantis shrimps have two methods of attack; they can be <strong>spearers</strong> or <strong>smashers</strong>.</p>
<p>They strike by rapidly unfolding and swinging their claws at the prey and can cause serious damage on victims larger than themselves.</p>
<h2>Eyesight</h2>
<p>Their eyes are mounted on mobile stalks and constantly move about independently of each other. They are considered to be the most complex eyes in the animal kingdom.</p>
<p>The mantis shrimp has such good eyes that it can perceive both polarized light and color vision outside the normal visual spectrum.</p>
<table>
<caption>Types of color-receptive cones present in the eye</caption>
<tr>
<th>species</th>
<th>types of cones</th>
</tr>
<tr>
<td>dogs</td>
<td>2</td>
</tr>
<tr>
<td>humans</td>
<td>3</td>
</tr>
<tr>
<td>butterflies</td>
<td>5</td>
</tr>
<tr>
<td>mantis srimp</td>
<td>16</td>
</tr>
</table>
<p style="color: red;">Learn HTML</p>
<p>Source: </p><a href=""https://simple.wikipedia.org/wiki/Mantis_shrimp">Wikipedia</a>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment