Skip to content

Instantly share code, notes, and snippets.

@juddlyon

juddlyon/index.html

Created December 26, 2015 21:28
Show Gist options
  • Save juddlyon/43ee36f4820b83a44bf7 to your computer and use it in GitHub Desktop.
Save juddlyon/43ee36f4820b83a44bf7 to your computer and use it in GitHub Desktop.
Download ZIP
GA Programming for Non-programmers HTML File
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>My Awesome Website</title>
<link rel="stylesheet" type="text/css" href="css/app.css">
<script src="behavior.js"></script>
</head>
<body>
<!-- here's my awesome comment -->
<section class="main">
<h1>Heading</h1>
<table>
<thead>
<tr>
<th>One</th>
<th>Two</th>
<th>Three</th>
</tr>
</thead>
<tbody>
<tr>
<td>Cell 1</td>
<td>Cell 2</td>
<td>Cell 3</td>
</tr>
</tbody>
</table>
<h2><a href="page2.html">Subheading</a></h2>
<p>This is a paragraph. This text is <b>bold</b>. This text is <i>italic</i>.</p>
<p>This is a paragraph. This text is <strong>strong</strong>. This text is <em>emphasized</em>.</p>
<p>How about a <a href="http://google.com" id="trigger-alert">hyperlink</a>?</p>
<h3>Unordered List</h3>
<ul>
<li>Uno</li>
<li>Dos</li>
<li>Tres</li>
</ul>
<h3>Ordered List</h3>
<ol>
<li>One</li>
<li>Two</li>
<li>Three</li>
</ol>
</section>
<div class="cat">
<img src="cat.jpg" alt="Picture of a cat" id="cat-pic">
<br>
<a href="#" id="show-cat">Show Cat</a> | <a href="#" id="hide-cat">Hide Cat</a>
</div>
<hr>
<dl class="dlist">
<dt>Term</dt>
<dd>Definition</dd>
</dl>
<p class="dlist">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis obcaecati doloremque accusantium voluptatem, iure eos, quos nesciunt sed.</p>
<blockquote>
Impedit laudantium necessitatibus totam exercitationem ipsa esse harum autem optio dicta. Fugit.
</blockquote>
<dl id="dlist2">
<dt>Term</dt>
<dd>Definition</dd>
</dl>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment