JavaScript must be enabled to use some of the features on this page.

LearnHTML - Try it!
<?php include('../lib/inc/cache.inc.php'); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="shortcut icon" type="image/x-icon" href="../lib/images/favicon.ico"/>
<?php include('../lib/inc/meta.inc.php'); ?>
<title>Try it Out! :: LearnHTML</title>
<script type="text/javascript" src="../lib/js/showHide.js"></script>	
<link href='http://fonts.googleapis.com/css?family=PT+Sans:regular,italic,bold' rel='stylesheet' type='text/css' />
<link href="../lib/css/styles.css" rel="stylesheet" type="text/css" />
</head>

<body>

<div id="container"><!--contains the whole page-->
	
    <div id="header">
    <?php include('../lib/inc/header.inc.php'); ?>
    </div><!--header-->
    
  <div id="nav">
  <?php include('../lib/inc/nav.inc.php'); ?>
    </div><!--nav-->
    
  <div id="content">
  		
        <div id="left">
        	<h1>Try It Out!</h1>
            
            <p>Now that you have gone through the lesson, here is your chance to try out what you learned. Edit the text below and hit submit to view your work.
</p>

           
</div><!--left-->
        
        <div id="right">
    <img src="../lib/images/HTML_Construction.png" width="143" height="224" alt="HTML Construction Worker" /></div><!--right-->
    
    <div id="try">
<!-- =====================================================================================================   The following is for the try it editor   ==========-->         
        <div id="showme">
            <div id="leftpanel">
              <form action="../showHTML.php" method="post" target="showHTMLiframe" id="showHTMLform">
                <textarea name="html" rows="30" cols="39" id="tryItBox">
Try out some Advanced Elements

&lt;abbr title="Hypertext Markup Language"&gt;HTML&lt;/abbr&gt;&lt;br /&gt;

&lt;q&gt;We are the knights who say Ni&lt;/q&gt;&lt;br /&gt;

H&lt;sub&gt;2&lt;/sub&gt;O            
            
                </textarea><br />
                <input type="submit" value="Submit" name="submit" id="submit" />
              </form>
            </div><!-- ends #leftpanel -->
            <div id="rightpanel">
                <iframe src="../showHTML.php" name="showHTMLiframe" id="showHTMLiframe"></iframe>
            </div><!-- ends #rightpanel -->
        </div><!-- ends #showme -->
  <script type="text/javascript">
    document.getElementById('showHTMLform').submit();
  </script>
 <!-- =====================================================================================================   try it editor ends   ===============================-->         
		</div><!--try-->
        <div id="buttondiv">
        <p><a href="../lessons/lesson3_1.php"><img src="../lib/images/previousBtn.png" width="220" height="70" alt="previous button" /></a>
        <a href="../quizzes/quiz3.php"><img src="../lib/images/QuizBtn.png" width="220" height="70" alt="Quiz Button" /></a></p>
        </div><!--buttondiv-->
  
  </div><!--content-->
    
    
</div><!--container-->

<div id="foot">
    <?php include('../lib/inc/footer.inc.php'); ?>
</div><!--foot-->
    
</body>
</html>

LearnHTML - Try it!

By: Alan Fishel

After each lesson on LearnHTML is a place for people to try out what they learned in the lesson and experiment for themselves how the code works.

Critiques

There are currently no comments but you could be the first to leave one!

You must be logged in to leave a comment.

Site Details

Developer: Alan Fishel
URL: http://afishel.com/LearnHTML/
Advertisement

Other Info

Submitted:
Views: 2084
Comments: 0

Share

Other Works

LearnHTML - Home LearnHTML - Tutorial Page LearnHTML - Try it! LearnHTML - Test Posters Galore Posters Galore - Browse Posters Galore - Cart