Skip to content

Instantly share code, notes, and snippets.

@ismnoiet

ismnoiet/etic-training-camp-2016-html-snippet.html

Created March 4, 2016 23:05
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ismnoiet/a7cec68124025cc7fac0 to your computer and use it in GitHub Desktop.
Save ismnoiet/a7cec68124025cc7fac0 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
etic-training-camp-2016-html-snippet.html
<!DOCTYPE html>
<html>
<head>
<title>training camp etic 2016</title>
<!-- inlude style file -->
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<script src="test.js"></script>
<!--1 headers -->
<h1 style="color:red">h1</h1>
<!--embed js code whting html-->
<h2 onclick="alert('hello');">h2</h2>
<h3>h3</h3>
<h4>h4</h4>
<h5>h5</h5>
<h6>h6</h6>
<!--2 paragraphs -->
<p id="p1" class="p1">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dignissimos, voluptate?</p>
<!--3 include images -->
<img src="test.png">
<div></div>
<!--4 lists -->
<!-- unordered lists -->
<ul>
<li>item1</li>
<li>item2</li>
<li>item3</li>
</ul>
<!-- ordered lists -->
<ol>
<li>item1</li>
<li>item2</li>
<li>item3</li>
</ol>
<!--5 tables -->
<table>
<thead>
<tr>
<th>item1</th>
<th>item2</th>
</tr>
</thead>
<tbody>
<tr>
<td>item1</td>
<td>item2</td>
</tr><tr>
<td>item1</td>
<td>item2</td>
</tr><tr>
<td>item1</td>
<td>item2</td>
</tr><tr>
<td>item1</td>
<td>item2</td>
</tr>
</tbody>
</table>
<!--6 html5 new tags -->
<header></header>
<footer></footer>
<aside></aside>
<nav></nav>
<section></section>
<!-- .... -->
<div class="p1">
my name is <span>hamza</span>
my name is <span>blabla</span>
</div>
<div class="p1">
<div>
<span>skdfjkdjf</span>
</div>
</div>
<!--7 include js -->
<script src="test2.js"></script>
<script src="test3.js"></script>
<script src="test.js"></script>
<script>
//8 js code embeded within html code //
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment