pradip898 · March 7, 2021 14:37
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <html>
 <head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
 </head>
 <body>
 <p> For this task i found <a href = "https://developer.mozilla.org/en-US/docs/Web/HTML/Element"> this website</a> and <a href = "https://www.w3schools.com/tags/"> this website</a>
   are very helpful to learn different html codes.
  <br>
   i am going to try the folloing tags which were not taught in the course <br>
   <ul> 
     <li> breal element </li>
     <li> video tag </li>
     <li> audio tag </li>
     <li> use of small tag</li>
     <li> use of table tag </li>
     <li> use of td tag </li>
     <li>use of thead tag</li>
     <li>use of tbody tag</li>
     <li>use of details tag</li>
     <li>use of summery tag</li>
   </ul>
  
  
  
 <!--To add HEADING AND SUBHEADING-->
  </p>
  <h1>The life of jungle</h1>
  <h5>In this blog i am going to show you different animals and their life at jungle</h5>

 <!--Showing images-->  
  <p>Let me show you some of the beautiful examples of a jungle life</p>
  <ul>
   <li><img src = "https://images.pexels.com/photos/2743287/pexels-photo-2743287.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="beautiful waterfall" width="500" ></li>  
   <li> <img src = "https://cdn.pixabay.com/photo/2016/08/31/18/19/snake-1634293__340.jpg" alt="snake" width="500" height="300"> </li>
   <li> <img src = "https://cdn.pixabay.com/photo/2017/07/13/16/07/monkeys-2500916__340.jpg" alt="monkeys" width="500"> </li>
   <li> <img src = "https://cdn.pixabay.com/photo/2016/11/28/18/37/the-1865639__340.jpg" alt="jungle life" width="500"> </li>
   
    <!--To add image and link respectively-->   
      
    <p>all images are taken from pixabay website.<a href = "https://www.pexels.com/search/jungle/"> click here </a> to check more.</p>
  </ul>
  
 <p>Now lets understand different types of <small>wild animals</small> and <small>wildlife interactions</small></p>
  
 <!--To add Video of a lion--> 
  <video width="320" height="240" controls>
    <source src="https://player.vimeo.com/external/461856844.sd.mp4?s=95633e3aad437fd9fb8b0217c8f5ba9a72807455&profile_id=139&oauth2_token_id=57447761">
    your browser doesn't support embedded videos 
  </video>
  <p>Curious? how a lion's roar sounds like? listen the below audio file</p>

 <!--To add sound of a lion--> 
  <audio controls>
    <source src="http://static1.grsites.com/archive/sounds/animals/animals099.mp3" >
    Your browser does not support the audio tag.
  </audio>
  <p></p>
  
  
 <p> How eagle prey their food </p>  
  
 <video width="320" height="240" controls>
    <source src="https://player.vimeo.com/external/139151374.mobile.mp4?s=8a0c7e148b0d08561086b23db655a61833d811ac&profile_id=116">
    your browser doesn't support embedded videos 
  </video>


 <!--CREATING A TABLE-->  
 <style>
 table, th, td {
  border: 1px solid green;
 }
 </style>
 </head>
 <body>

 <h1>The Ecological interactions</h1>

 <p>A few symbiotic relationship between two species are listed in a table:</p>

 <table>
  <thead>
  <tr>
    <th>Types of ecological interaction</th>
    <th>Description</th>
  </tr>
  </thead>  
  <tbody>
  
  <tr>
    <td>Mutualism</td>
    <td>Both people get benifitted from each other</td>
  </tr>
  <tr>
    <td>Commensalism</td>
    <td>one organism benifited, another neither harmed nor benifited</td>
  </tr>
  <tr>
    <td>Predation</td>
    <td>one organism completely hunt another for food</td>
  </tr>
  <tr>
    <td>parasitism</td>
    <td>one organism depends on another organism causeing harm to them</td>
  </tr>
  </tbody>
 </table>

 <!--PUTTING A SUMMER MENU-->    
  <details>
  <summary>What you have learnt today</summary>
  <p>i have learnt differnt ways to create a html based website</p></details>
  
 



 </body>
 </html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">
	<title>JS Bin</title>
	</head>
	<body>
	<p> For this task i found <a href = "https://developer.mozilla.org/en-US/docs/Web/HTML/Element"> this website</a> and <a href = "https://www.w3schools.com/tags/"> this website</a>
	are very helpful to learn different html codes.
	<br>
	i am going to try the folloing tags which were not taught in the course <br>
	<ul>
	<li> breal element </li>
	<li> video tag </li>
	<li> audio tag </li>
	<li> use of small tag</li>
	<li> use of table tag </li>
	<li> use of td tag </li>
	<li>use of thead tag</li>
	<li>use of tbody tag</li>
	<li>use of details tag</li>
	<li>use of summery tag</li>
	</ul>



	<!--To add HEADING AND SUBHEADING-->
	</p>
	<h1>The life of jungle</h1>
	<h5>In this blog i am going to show you different animals and their life at jungle</h5>

	<!--Showing images-->
	<p>Let me show you some of the beautiful examples of a jungle life</p>
	<ul>
	<li><img src = "https://images.pexels.com/photos/2743287/pexels-photo-2743287.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="beautiful waterfall" width="500" ></li>
	<li> <img src = "https://cdn.pixabay.com/photo/2016/08/31/18/19/snake-1634293__340.jpg" alt="snake" width="500" height="300"> </li>
	<li> <img src = "https://cdn.pixabay.com/photo/2017/07/13/16/07/monkeys-2500916__340.jpg" alt="monkeys" width="500"> </li>
	<li> <img src = "https://cdn.pixabay.com/photo/2016/11/28/18/37/the-1865639__340.jpg" alt="jungle life" width="500"> </li>

	<!--To add image and link respectively-->

	<p>all images are taken from pixabay website.<a href = "https://www.pexels.com/search/jungle/"> click here </a> to check more.</p>
	</ul>

	<p>Now lets understand different types of <small>wild animals</small> and <small>wildlife interactions</small></p>

	<!--To add Video of a lion-->
	<video width="320" height="240" controls>
	<source src="https://player.vimeo.com/external/461856844.sd.mp4?s=95633e3aad437fd9fb8b0217c8f5ba9a72807455&profile_id=139&oauth2_token_id=57447761">
	your browser doesn't support embedded videos
	</video>
	<p>Curious? how a lion's roar sounds like? listen the below audio file</p>

	<!--To add sound of a lion-->
	<audio controls>
	<source src="http://static1.grsites.com/archive/sounds/animals/animals099.mp3" >
	Your browser does not support the audio tag.
	</audio>
	<p></p>


	<p> How eagle prey their food </p>

	<video width="320" height="240" controls>
	<source src="https://player.vimeo.com/external/139151374.mobile.mp4?s=8a0c7e148b0d08561086b23db655a61833d811ac&profile_id=116">
	your browser doesn't support embedded videos
	</video>


	<!--CREATING A TABLE-->
	<style>
	table, th, td {
	border: 1px solid green;
	}
	</style>
	</head>
	<body>

	<h1>The Ecological interactions</h1>

	<p>A few symbiotic relationship between two species are listed in a table:</p>

	<table>
	<thead>
	<tr>
	<th>Types of ecological interaction</th>
	<th>Description</th>
	</tr>
	</thead>
	<tbody>

	<tr>
	<td>Mutualism</td>
	<td>Both people get benifitted from each other</td>
	</tr>
	<tr>
	<td>Commensalism</td>
	<td>one organism benifited, another neither harmed nor benifited</td>
	</tr>
	<tr>
	<td>Predation</td>
	<td>one organism completely hunt another for food</td>
	</tr>
	<tr>
	<td>parasitism</td>
	<td>one organism depends on another organism causeing harm to them</td>
	</tr>
	</tbody>
	</table>

	<!--PUTTING A SUMMER MENU-->
	<details>
	<summary>What you have learnt today</summary>
	<p>i have learnt differnt ways to create a html based website</p></details>





	</body>
	</html>